HTML中fieldset标签概述及使用方法

183 阅读 0 评论 121 点赞

我是靠谱客的博主沉静棒球，最近开发中收集的这篇文章主要介绍HTML中fieldset标签概述及使用方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、忏悔
之前HTML没有好好学，导致以前看到控件组样式感觉很新奇，于是就用css实现了一个。但是偶然一次接触了这个标签，才发现so easy。唉！以后学知识不要浅尝辄止，一定要深入进去、全面了解。好了，不喷了，算是自己写给自己的吧，做个警醒。开始学习这个标签了。

二、简述
<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。从中提取两层意思：
1.fieldset存在于form里(这样说不准确)；
2.分组打包的功能。 field:[fiːld]领域；牧场；旷野；战场；运动场的意思，fieldset则显而易见了，就是“我的地盘听我的”。我给你贴上这一系列标签。
其中<legend> 标签为 fieldset 元素定义标题。

复制代码

代码如下:

<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>