每天学习一点点,成功增加一大步

HTML标签:fieldset

前端 zhanghui 214℃

这是一个不常用,又容易被遗忘的 HTML 标签,以前在写 CMS 系统用过这个标签,但后来长时间处在后台奔波,脑海中对这个标签名也就淡忘,前段时间在写一个简单的前端需求就想用这个标签但怎么都想不起它叫什么名字,这就是不做笔记的疏漏之处了。今天在维护以前的CMS项目遇到了它,现在记录下来。

fieldset 标签 — 对表单进行分组

在form表单中,我们可以对form中的信息进行分组归类,如注册表单的form,我们可以将注册信息分组成
基本信息(一般为必填)
详细信息(一般为可选)
那我们如何更好的来实现呢?我们可考虑在表单form中加入下面两个标签:
fieldset:对表单进行分组,一个表单可以有多个fieldset。
legend:说明每组的内容描述。

实例

<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>

视图效果

 

在 HTML5 还加入了几个新的属性,更多的信息参考:

http://www.runoob.com/try/try.php?filename=tryhtml_fieldset

转载请注明:隨習筆記 » HTML标签:fieldset