HTML disabled 属性
定义和用法
disabled 属性是一个布尔属性。
当存在时，它指定元素应该被禁用。
禁用的元素不可用。
disabled 属性可以设置为阻止用户使用该元素，直到满足其他条件（如选择复选框等）。 然后，JavaScript 可以删除禁用的值，并使元素可用。
适用于
disabled 属性可用于以下元素：
| 元素 | 属性 |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
实例
Fieldset 实例
禁用一组相关的表单元素：
<fieldset disabled>
<legend>个人资料:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
亲自试一试 »
<legend>个人资料:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Input 实例
带有禁用输入字段的 HTML 表单：
<form
action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" disabled><br>
<input type="submit" value="提交">
</form>
亲自试一试 »
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" disabled><br>
<input type="submit" value="提交">
</form>
Optgroup 实例
禁用的选项组：
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
亲自试一试 »
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Option 实例
带有一个禁用选项的下拉列表：
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
亲自试一试 »
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Select 实例
禁用的下拉列表：
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
亲自试一试 »
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Textarea 实例
禁用的文本区域：
<textarea disabled>
在 begtut.com，您将学习如何制作网站。 我们提供所有网络开发技术的免费教程。
</textarea>
亲自试一试 »
在 begtut.com，您将学习如何制作网站。 我们提供所有网络开发技术的免费教程。
</textarea>
浏览器支持
disabled 属性对每个元素都有以下浏览器支持：
| 元素 | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| fieldset | Yes | 不支持 | Yes | 7.0 | Yes |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | Yes | Yes | Yes |
| option | 1.0 | 8.0 | 1.0 | Yes | Yes |
| select | Yes | Yes | Yes | Yes | Yes |
| textarea | Yes | Yes | Yes | Yes | Yes |
