HTML 中的 disabled 属性指示元素是否被禁用。如果设置了此属性，则该元素将被禁用。 disabled 属性通常用灰色文本绘制。如果该元素被禁用，则它不会响应用户操作，也无法获得焦点。它是一个布尔属性。 用法：可用于以下元素：、、、、、<feildset> 和 <optgroup>。<br/><strong>句法：</strong> </p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><tag disabled></tag> </code></pre> </div> <ul> <strong><button>：</strong>当 disabled 属性存在时，它指定按钮被禁用。禁用的按钮不可用且不可点击。 <li><strong>例子：</strong> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html> <head> <title>HTML disabled Attribute</title> </head> <body style = "text-align:center"> <h1 style = "color: green;">GeeksforGeeks</h1> <h2>HTML disabled Attribute</h2> <!--A disabled button--> <button type="button" disabled>Click Me!</button> </body> </html> </code></pre> </div> </li> <li><strong>输出：</strong> <br/><img alt="按钮" class="img-fluid" src="https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/HTML_%7C_disabled_Attribute_0.jpg"/> <p> <strong><input>：</strong>当禁用属性存在时，它指定输入被禁用。禁用的 inpit 不可用且不可点击。</p> </li> <li><strong>例子：</strong> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html> <head> <title>HTML disabled Attribute</title> </head> <body style = "text-align:center"> <h1 style = "color: green;">GeeksforGeeks</h1> <h2>HTML disabled Attribute</h2> <!--A disabled input--> <label>Input: <input type="text" name="value" value = "This input field is disabled" disabled> </label> </body> </html> </code></pre> </div> </li> <li><strong>输出：</strong> <br/><img alt="输入" class="img-fluid" src="https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/HTML_%7C_disabled_Attribute_1.jpg"/> <p> <strong><option>：</strong>当禁用属性存在时，它指定选项字段被禁用。禁用选项不可用且不可点击。</p> <p></p> <div class="_ap_apex_ad" id="d6f45c53-ff16-4cc5-8b91-eb6ee7037116" style="min-height:280px"></div> <p></p></li> <li><strong>例子：</strong> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html> <head> <title>HTML disabled Attribute</title> </head> <body style = "text-align:center"> <h1 style = "color: green;">GeeksforGeeks</h1> <h2>HTML disabled Attribute</h2> <!--A disabled input--> <p>Volvo is disabled.</p> <select> <option value="volvo" disabled>Volvo</option> <option value="saab">Saab</option> <option value="vw">VW</option> <option value="audi">Audi</option> </select><br> </body> </html> </code></pre> </div> </li> <li><strong>输出：</strong> <br/><img alt="选项" class="img-fluid" src="https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/HTML_%7C_disabled_Attribute_2.jpg"/> <p> <strong><select>：</strong>当存在 disabled 属性时，它指定选择字段被禁用。禁用的选择是不可用和不可点击的。</p> </li> <li><strong>例子：</strong> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html> <head> <title>HTML disabled Attribute</title> </head> <body style = "text-align:center"> <h1 style = "color: green;">GeeksforGeeks</h1> <h2>HTML disabled Attribute</h2> <!--A disabled input--> <p>This select field is disabled.</p> <select disabled> <option value="binary">Binary Search</option> <option value="linear">Linear Search</option> <option value="interpolation"> Interpolation Search </option> </select> </body> </html> </code></pre> </div> </li> <li><strong>输出：</strong> <br/><img alt="选择" class="img-fluid" src="https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/HTML_%7C_disabled_Attribute_3.jpg"/> <p> <strong><textarea>：</strong>当存在 disabled 属性时，它指定禁用 textarea 字段。禁用的文本区域不可用且不可点击。</p> </li> <li><strong>例子：</strong> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html> <head> <title>HTML disabled Attribute</title> </head> <body style = "text-align:center"> <h1 style = "color: green;">GeeksforGeeks</h1> <h2>HTML disabled Attribute</h2> <!--A disabled textarea--> <textarea disabled> This textarea field is disabled.