disabled属性可禁用表单字段使其不可交互且不提交值；与readonly不同，disabled使字段不可聚焦、不参与提交，而readonly仅适用于text和textarea，允许聚焦和提交；JS应使用布尔值操作.disabled属性；禁用元素影响可访问性，需配合aria-disabled等增强体验。
如何用 disabled 属性禁用表单字段
直接给 <input>、<select>、<textarea> 或 <button> 加上 disabled 属性，浏览器就会阻止用户交互，且该字段值不会随表单提交。
disabled 和 readonly 的区别必须分清
两者看起来都让字段“不能编辑”，但行为完全不同：
-
disabled：字段完全不可聚焦、不可点击、不参与表单提交（name=value不会发到后端） -
readonly：仅对<input type="text">和<textarea>有效，用户不能修改内容，但字段仍可聚焦、可复制、且值会随表单提交 - 对
<select>、<checkbox>、<radio>等控件，readonly无效，只能用disabled
JavaScript 动态控制禁用状态的写法
通过 JS 修改 disabled 属性时，别用字符串赋值，要用布尔值或 DOM 属性操作：
// ✅ 正确：设为禁用
inputEl.disabled = true;
// ✅ 正确：启用
inputEl.disabled = false;
// ❌ 错误：字符串 'disabled' 不等于布尔 true，某些浏览器可能不生效
inputEl.setAttribute('disabled', 'disabled');
注意：disabled 是布尔属性，只要存在就表示禁用，不管值是什么；但 JS 中推荐直接操作 .disabled 属性，更可靠。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
禁用字段在样式和可访问性上的影响
浏览器默认会给 disabled 元素加灰度样式，但不能依赖它传达状态——尤其对屏幕阅读器用户：
- 禁用元素会被大多数读屏软件跳过，用户可能根本不知道它存在
- 如果逻辑上需要让用户感知“这里本可操作，但现在不可”，考虑用
aria-disabled="true"配合视觉样式，并保留焦点能力（此时需用tabindex="-1"+ CSS 控制） - 禁用按钮不要只靠颜色区分，加上文字提示（如“暂不可用”）更稳妥
真正难的不是加 disabled，而是判断什么时候该禁、什么时候该提示、什么时候该隐藏——状态管理往往比属性本身更复杂。
