HTML中fieldset标签概述及使用方法_html5教程技巧--HTML5中文学习网

HTML中fieldset标签概述及使用方法_html5教程技巧

2013-07-20 10:34:46 [小大] 已经帮助：人解决问题

点评：之前HTML没有好好学，导致以前看到控件组样式感觉很新奇,fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段,接下来对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>

（责任编辑：）