HTML页面中fieldset标签解析

发布时间:2020-11-21编辑:脚本学堂
本中主要讲了fieldset标签是怎么组合表单中的相关元素例子,包括它的属性介绍。学习html的同学一定要参考一下。

定义与用法
fieldset 元素可将表单内的相关元素分组。

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

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

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

<legend> 标签 为 fieldset 元素定义标题。
组合表单中的相关元素:
Html代码
 

复制代码 代码示例:
 <form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
   weight: <input type="text" />
  </fieldset>
</form>
<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>