HTML disabled 属性
定义和用法
该 disabled 属性是一个布尔属性。
当存在时，它指定应禁用该元素。
禁用元素不可用。
该 disabled 属性可以设置为阻止用户使用该元素，直到满足某些其他条件（例如，选中复选框等）。然后，JavaScript 可以删除 disabled 值，并使元素再次可用。
适用于
该 disabled 属性可用于以下元素
| 元素 | 属性 |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
示例
字段集示例
禁用一组相关的表单元素
<fieldset disabled>
<legend>个人资料：</legend>
姓名：<input type="text"><br>
电子邮件：<input type="text"><br>
出生日期：<input type="text">
</fieldset>
自己尝试 »
输入示例
包含一个禁用的输入字段的 HTML 表单
<form action="/action_page.php">
姓氏：<input type="text" name="fname"><br>
姓氏：<input type="text" name="lname" disabled><br>
<input type="submit" value="提交">
</form>
自己尝试 »
选项组示例
一个禁用的选项组
<select>
<optgroup label="德国汽车" disabled>
<option value="mercedes">梅赛德斯</option>
<option value="audi">奥迪</option>
</optgroup>
</select>
自己尝试 »
选项示例
一个下拉列表，其中包含一个禁用的选项
<select>
<option value="volvo" disabled>沃尔沃</option>
<option value="saab">萨博</option>
<option value="vw">大众</option>
<option value="audi">奥迪</option>
</select>
自己尝试 »
选择示例
一个禁用的下拉列表
<select disabled>
<option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
<option value="mercedes">梅赛德斯</option>
<option value="audi">奥迪</option>
</select>
自己尝试 »
文本区域示例
一个禁用的文本区域
<textarea disabled>
在 w3schools.com，您将学习如何制作网站。我们提供所有 Web 开发技术的免费教程。
</textarea>
自己尝试 »
浏览器支持
该 disabled 属性对每个元素具有以下浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| button | 是 | 是 | 是 | 是 | 是 |
| fieldset | 是 | 不支持 | 是 | 7.0 | 是 |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | 是 | 是 | 是 |
| option | 1.0 | 8.0 | 1.0 | 是 | 是 |
| select | 是 | 是 | 是 | 是 | 是 |
| textarea | 是 | 是 | 是 | 是 | 是 |
