HTML <fieldset> 标签

发表于2015-05-25 10:40:29| --次阅读| 来源webkfa| 作者小五

摘要：fieldset 元素可将表单内的相关元素分组

实例
组合表单中的相关元素：

		html代码
	

运行代码

<!DOCTYPE HTML>
<html>

<body>

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

<p>如果表单周围没有边框，说明您的浏览器太老了。</p>

</body>
</html>

<!DOCTYPE HTML>
<html>

<body>

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

<p>如果表单周围没有边框，说明您的浏览器太老了。</p>

</body>
</html>

浏览器支持
所有浏览器都支持 <fieldset> 标签。

定义和用法
fieldset 元素可将表单内的相关元素分组。
<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。
当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。
<legend> 标签为 fieldset 元素定义标题。

HTML 4.01 与 HTML 5 之间的差异
HTML5 拥有如下属性：disabled、form、name，HTML 4.01 中不支持这些属性。

属性

		代码
	

//规定应该禁用 fieldset。
disabled=disabled

//规定 fieldset 所属的一个或多个表单。
form=form_id

//规定 fieldset 的名称。
name=value

全局属性
<fieldset> 标签支持 HTML 中的全局属性。
事件属性
<fieldset> 标签支持 HTML 中的事件属性。

HTML <fieldset> 标签

发表于2015-05-25 10:40:29| --次阅读| 来源webkfa| 作者小五

相关文章

html标题快速浏览101

相关文章