HTML中的<fieldset>标签怎么用

这篇文章主要为大家展示了“html中的<fieldset>标签怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“HTML中的<fieldset>标签怎么用”这篇文章吧。

　　HTML中fieldset标签的定义和用法：

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

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

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

　　<fieldset>标签没有必需的或唯一的属性。

　　<legend>标签为fieldset元素定义标题。

　　组合表单中的相关元素：

　　看实例

　　<fORM>

　　<fieldset>

　　<legend>healthinformation</legend>

　　height:<inputtype="text"/>

　　weight:<inputtype="text"/>

　　</fieldset>

　　</form>

　　HTML<fieldset>标签对表单中的相关元素进行分组：

　　<fieldset>标签内的一组表单元素会在WEB浏览器中以特殊的方式显示，比如不同样式的边界、3D效果等。

　　有实例

　　<form>

　　<fieldset>

　　<legend>个人信息:</legend>

　　姓名:<inputtype="text"><br>

　　邮箱:<inputtype="text"><br>

　　生日:<inputtype="text">

　　</fieldset>

　　</form>

　　HTMLfieldset设置边框和颜色：

　　<fieldsetstyle="border-width:2px;border-color:#990000;width:95%;height:220">

　　<legend>你好你好</legend>

　　</fieldset>

　　放上去看看。然后自己调一下吧。。三个边框则把中间的bottom分别改为Top（上部）、Left（左部）、Right（右部）。

　　fieldset标签--对表单进行分组

　　在form表单中，我们可以对form中的信息进行分组归类，如注册表单的form，我们可以将注册信息分组成

　　基本信息（一般为必填）

　　详细信息（一般为可选）

　　那我们如何更好的来实现呢？我们可考虑在表单form中加入下面两个标签：

　　fieldset：对表单进行分组，一个表单可以有多个fieldset。

　　legend：说明每组的内容描述。

　　格式：

　　<fieldset>

　　<legend>healthinformation</legend>

　　height:<inputtype="text"/>

　　weight:<inputtype="text"/>

　　</fieldset>

　　浏览器支持：

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

以上是“HTML中的<fieldset>标签怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网node.js频道！