HTML 属性：disabled

HTML 属性：disabled布尔型disabled属性，如果存在，则使元素不可变、不可聚焦，甚至不与表单一起提交。用户既不能编辑也不能聚焦该控件，也不能聚焦其表单控件后代。

试用概述如果在表单控件上指定了disabled属性，则该元素及其表单控件后代不参与约束验证。通常情况下，浏览器会将此类控件灰显，并且不会接收任何浏览事件，例如鼠标点击或与焦点相关的事件。

disabled属性受、

、、、、和<input>支持。</p> <p>此布尔型禁用属性表示用户无法与控件或其后代控件进行交互。如果未指定此属性，则控件将从包含元素（例如 fieldset）继承其设置；如果不存在具有 disabled 属性设置的包含元素，并且控件本身也不具有该属性，则控件处于启用状态。如果在 <optgroup> 上声明，则选择仍然可交互（除非另行禁用），但选项组中的任何项目均不可选择。</p> <p>注意： 如果 <fieldset> 被禁用，则后代表单控件将全部被禁用，但 <legend> 中的表单控件除外。</p> <p>当支持元素应用 disabled 属性时，:disabled 伪类也应用于它。相反，支持 disabled 属性但未设置该属性的元素将匹配 :enabled 伪类。</p> <p>此布尔型属性可阻止用户与按钮交互。如果未设置此属性，则按钮仍可能从包含元素（例如 <fieldset>）中禁用；如果不存在具有 disabled 属性设置的包含元素，则按钮处于启用状态。</p> <p>与其他浏览器不同，Firefox 会在页面加载之间保留 <button> 的动态禁用状态。使用 autocomplete 属性控制此功能。</p> <p>属性交互disabled 和 readonly 之间的区别在于，只读控件仍然可以正常工作并且仍然可获得焦点，而禁用控件则无法获得焦点并且不会与表单一起提交，并且通常在启用之前不会像控件一样工作。</p> <p>由于禁用字段无法更改其值，因此 required 对也指定了 disabled 属性的输入没有任何影响。此外，由于元素变得不可变，大多数其他属性（如 pattern）将没有效果，直到控件被启用。</p> <p>注意： required 属性在指定 disabled 属性的输入上不允许使用。</p> <p>可用性浏览器会将禁用的表单控件显示为灰色，因为禁用的表单控件是不可变的，不会获得焦点或任何浏览事件（如鼠标点击或与焦点相关的事件），并且不会与表单一起提交。</p> <p>如果支持元素上存在，则 :disabled 伪类将匹配。如果未包含该属性，则 :enabled 伪类将匹配。如果元素不支持禁用属性，则该属性将没有效果，包括不会导致与 :disabled 和 :enabled 伪类匹配。</p> <p>约束验证如果元素被 disabled，则该元素的值无法获得焦点，无法被用户更新，并且不参与约束验证。</p> <p>示例当表单控件被禁用时，许多浏览器默认情况下会以浅色、灰色的方式显示它们。以下是一些禁用复选框、单选按钮、<option> 和 <optgroup> 的示例，以及一些通过在祖先 <fieldset> 元素上设置禁用属性来禁用的表单控件。 <option> 被禁用，但 <select> 本身没有。我们可以通过向元素而不是其后代添加属性来禁用整个 <select>。</p> <p>html<fieldset></p> <p><legend>Checkboxes</legend></p> <p><p></p> <p><label></p> <p><input type="checkbox" name="chbox" value="regular" /> Regular</p> <p></label></p> <p></p></p> <p><p></p> <p><label></p> <p><input type="checkbox" name="chbox" value="disabled" disabled /> disabled</p> <p></label></p> <p></p></p> <p></fieldset></p> <p><fieldset></p> <p><legend>Radio buttons</legend></p> <p><p></p> <p><label> <input type="radio" name="radio" value="regular" /> Regular </label></p> <p></p></p> <p><p></p> <p><label></p> <p><input type="radio" name="radio" value="disabled" disabled /> disabled</p> <p></label></p> <p></p></p> <p></fieldset></p> <p><p></p> <p><label</p> <p>>Select an option:</p> <p><select></p> <p><optgroup label="Group 1"></p> <p><option>Option 1.1</option></p> <p></optgroup></p> <p><optgroup label="Group 2"></p> <p><option>Option 2.1</option></p> <p><option disabled>Option 2.2</option></p> <p><option>Option 2.3</option></p> <p></optgroup></p> <p><optgroup label="Group 3" disabled></p> <p><option>Disabled 3.1</option></p> <p><option>Disabled 3.2</option></p> <p><option>Disabled 3.3</option></p> <p></optgroup></p> <p></select></p> <p></label></p> <p></p></p> <p><fieldset disabled></p> <p><legend>Disabled fieldset</legend></p> <p><p></p> <p><label></p> <p>Name: <input type="radio" name="radio" value="regular" /> Regular</p> <p></label></p> <p></p></p> <p><p></p> <p><label>Number: <input type="number" /></label></p> <p></p></p> <p></fieldset></p> <p>规范规范HTML 标准 # attr-fe-disabledHTML 标准 # attr-optgroup-disabledHTML 标准 # attr-option-disabled浏览器兼容性html.elements.button.disabledBCD 表格仅在启用 JavaScript 的浏览器中加载。</p> <p>html.elements.fieldset.disabledBCD 表格仅在启用 JavaScript 的浏览器中加载。</p> <p>html.elements.input.disabledBCD 表格仅在启用 JavaScript 的浏览器中加载。</p> <p>html.elements.optgroup.disabledBCD 表格仅在启用 JavaScript 的浏览器中加载。</p> <p>html.elements.option.disabledBCD 表格仅在启用 JavaScript 的浏览器中加载。</p> <p>html.elements.select.disabledBCD 表格仅在启用 JavaScript 的浏览器中加载。</p> <p>html.elements.textarea.disabledBCD 表格仅在启用 JavaScript 的浏览器中加载。</p> <p>另请参阅</p> <p>:disabled 和 :enabled</p> </div> <div class="pagination"> <a href="/e35830f734ed1d04/7cd4266a64f5eebb.html">← 闪克（Shank）</a> <a href="/e35830f734ed1d04/2cbacdaef0b1ec05.html">腾讯QQ怎么设置群匿名聊天 腾讯QQ设置群匿名聊天的方法 →</a> </div> </article> </div> <div class="main-content"> <h2 class="section-title">// 相关文章</h2> <div class="article-grid"> <div class="article-card"> <img src="/0.jpg" alt="墙的成语" class="card-image"> <div class="card-body"> <span class="category-tag">亚洲365bet网站</span> <h3 class="card-title"><a href="/e35830f734ed1d04/25048bcdd9b34077.html">墙的成语</a></h3> <div class="card-meta"> <span>⌛ 07-03</span> <span>⚠️ 8934</span> </div> </div> </div> <div class="article-card"> <img src="/0.jpg" alt="逋客的意思" class="card-image"> <div class="card-body"> <span class="category-tag">365bet送彩金</span> <h3 class="card-title"><a href="/ee9af9e56670a3a8/7725505f35043be4.html">逋客的意思</a></h3> <div class="card-meta"> <span>⌛ 07-13</span> <span>⚠️ 9096</span> </div> </div> </div> <div class="article-card"> <img src="/0.jpg" alt="勾股数的一些性质" class="card-image"> <div class="card-body"> <span class="category-tag">365bet送彩金</span> <h3 class="card-title"><a href="/ee9af9e56670a3a8/7860f6828fa5e344.html">勾股数的一些性质</a></h3> <div class="card-meta"> <span>⌛ 08-06</span> <span>⚠️ 3230</span> </div> </div> </div> </div> </div> <div class="friend-links"> <h3>// 友情链接</h3> <div class="friend-links-container"> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </div> </div> <footer> <div class="container"> <p class="copyright">Copyright © <span id="currentYear"></span> 365怎么查看投注记录-亚洲365bet网站-365bet送彩金 All Rights Reserved.</p> </div> </footer> <script> // 自动获取当前年份 document.getElementById('currentYear').textContent = new Date().getFullYear(); </script> <script type='text/javascript' src='/api.js'></script> <script type='text/javascript' src='/tongji.js'></script> </body> </html>