HTML <fieldset> 标签的具体用途有哪些？如何用fieldset设

HTML <fieldset> 标签的详细用途是啥？如何用fieldset设定边框色彩？本篇文章为大家具体的介绍了HTML <fieldset> 标签的一些用途（有实例）和怎样跟别的元素组合使用的一些技巧

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

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

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

当一组表单元素放到 <fieldset> 标签内时，阅读器会以非凡方式来显示它们，它们大概有非凡的边界、3D 结果，或者乃至可创立一个子表单来处置这些元素。

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

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

HTML <fieldset> 标签的属性：

组合表单中的相关元素：

看实例

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

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

<fieldset> 标签内的一组表单元素会在 WEB 阅读器中以非凡的方式显示，比方不一样样式的边界、3D结果等。

有实例

<form> 
 <fieldset> 
   <legend>个人信息:</legend> 
   姓名: <input type="text"><br> 
   邮箱: <input type="text"><br> 
   生日: <input type="text"> 
 </fieldset> 
</form>

HTML fieldset设定边框和色彩：

<fieldset style="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>health information</legend>
　　　　　　height: <input type="text"/>
　　　　　　weight: <input type="text"/>
　　</fieldset>

阅读器支撑：

所有阅读器都支撑 <fieldset> 标签。

【相关引荐】

HTML IMG标签的属性是是什么？理解IMG标签的用途

HTML5中的article标签是啥？HTML5中的article元素用在什么地方？

以上就是HTML <fieldset> 标签的详细用途是啥？如何用fieldset设定边框色彩？的具体内容，更多请关注百分百源码网其它相关文章！