国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > fieldset 以获得更好的体验。

# HTML 的 <fieldset> 标签

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

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

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。

  • 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>

# 推荐阅读

本文 更新于: 2025-11-27 09:38:03 创建于: 2025-11-27 09:38:03