fieldset disabled 能批量禁用一组原生表单控件（input/select/textarea/button/output），只要它们位于其 DOM 子树中且未显式设置 disabled 或 readonly；但对非原生控件、hidden 输入框、label/span/div 等无效，且 Safari≤15.3 和 IE11 存在兼容性问题。
fieldset disabled 能否批量禁用一组控件
能，但只对原生表单控件有效：input、select、textarea、button、output。只要它们是 fieldset 的 DOM 子树成员（直接或嵌套），且没被显式设置 disabled 或 readonly，就会自动继承禁用状态。
常见错误现象：
-
input写了disabled=""或disabled="false"—— 这些写法依然生效，必须彻底移除该属性才能恢复 - 用
div包裹了input，导致它脱离了fieldset对表单控件的继承链 - 控件通过
for/id关联到label，但label在fieldset外，点击 label 仍可聚焦/操作
性能与兼容性影响：现代浏览器（Chrome 10+、Firefox 4+、Safari 15.4+、Edge 79+）均支持，但 Safari ≤15.3 中 input type="number" 的上下箭头 UI 可能残留可点态（不触发变更）；IE11 支持，但若 fieldset 设了 display: flex，部分控件可能视觉灰显却仍可聚焦。
为什么禁用后某些控件还能提交或响应 click
根本原因不是 fieldset disabled 失效，而是那些“看起来被禁用”的元素其实不受其控制：
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
input type="hidden"永远不会被fieldset禁用，值照常提交 -
label、span、div等非表单元素不参与禁用继承，绑定在它们上的onclick仍会执行 - 嵌套了另一个未禁用的
fieldset，内层控件不受外层影响 - 用了 Vue/React 封装的组件，其真实 DOM 根节点不是原生表单控件，无法响应继承
验证是否真被禁用：打开开发者工具，选中目标 input，运行 console.log(element.matches(':disabled')) —— 返回 true 表示禁用生效；若返回 false 但 element.hasAttribute('disabled') 是 false，说明它既没被自身禁用，也没被父级继承，得检查结构或框架封装逻辑。
JS 动态控制时必须同步处理的三件事
仅设 fieldset.disabled = true 不够，尤其涉及交互逻辑时：
- 禁用后若当前焦点在其中某个
input上，Tab 键不会自动跳走，用户可能卡住 —— 应手动focus()到下一个可用控件 - 禁用前若已触发过
checkValidity()，禁用后校验状态可能残留，建议调用element.setCustomValidity('')清空 - 禁用后需清除已选中的
radio或checkbox，否则用户切换回启用态时，旧选项仍保留（例如“是否启用高级设置”关掉后，“高级设置”组里的radio必须全部.checked = false）
不要用 setAttribute('disabled', 'disabled') 控制状态 —— 它和 removeAttribute() 配对麻烦，且容易漏掉动态插入的元素；统一用 element.disabled = true/false 更可靠。
什么时候不该用 fieldset disabled
当需求超出“全开 / 全关”二元状态时，fieldset disabled 就成了障碍：
- 需要“组内部分启用”，比如禁用整块地址区域，但“取消”按钮必须可用 —— 此时只能拆出
button，或改用 JS 逐个控制disabled - 服务端依赖前端禁用来过滤字段，却忘了禁用只是客户端约束 —— 后端必须二次校验并忽略这些字段，否则恶意请求可绕过
- 无障碍要求关键提示文字（如错误说明）在禁用状态下仍可被屏幕阅读器读出 ——
fieldset[disabled]会让整个区域被跳过，此时更适合用aria-disabled="true"+ CSS 视觉禁用
最易被忽略的一点：禁用后所有子控件的 value 都不会出现在 formdata 或 serialize() 结果里，连 input type="hidden" 也一样 —— 如果你需要“禁用交互但保留提交值”，必须搭配 readonly 或额外加一个同名 input type="hidden"。
