fieldset和legend标签的使用方法[教程]

fieldset-legend

 

介绍

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

PS: 所有浏览器都基本支持 <fieldset> 标签,除了部分很老的浏览器!

HTML

<!DOCTYPE HTML>
<html>

<body>

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

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

</body>
</html>
标签: