1920

10 分钟

#HTML 的 <fieldset> 标签

HTML 的 <fieldset> 元素用于对表单元素 <form> 中的控制元素进行分组(也包括 label 元素)。

#属性

  • disabled: 如果设置了这个 bool 值属性,<fieldset> 的所有子代表单控件也会继承这个属性。这意味着它们不可编辑,也不会随着 <form> 一起提交。它们也不会接收到任何浏览器事件,如鼠标点击或与聚焦相关的事件。默认情况下,浏览器会将这样的控件展示为灰色。注意,<legend> 中的表单元素不会被禁用。
  • form: 将该值设为一个 <form> 元素的 id 属性值以将 <fieldset> 设置成这个 <form> 的一部分。
  • name: 元素分组的名称

#示例

<form> <fieldset> <legend>个人信息</legend> <label for="name">姓名:</label> <input type="text" id="name" name="name"> <label for="email">电子邮箱:</label> <input type="email" id="email" name="email"> </fieldset> <fieldset> <legend>订阅选项</legend> <label> <input type="checkbox" name="newsletter"> 订阅新闻通讯 </label> <label> <input type="checkbox" name="promotions"> 接收促销信息 </label> </fieldset> <button type="submit">提交</button> </form>
<fieldset>
个人信息
订阅选项

创建于 2025/5/22

更新于 2025/6/6