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

前端  /  管理员 发布于 6年前   226

一、忏悔
之前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>