HTML disabled 属性
定义和用法
disabled 属性是一个布尔属性。
当存在时，它指定元素应被禁用。
禁用的元素是不可用的。
disabled 属性可以设置为阻止用户使用该元素，直到满足其他条件（例如选择复选框等）。然后，JavaScript 可以删除 disabled 值，使元素再次可用。
适用范围
disabled 属性可用于以下元素
| 元素 | Attribute |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
示例
Fieldset 示例
禁用一组相关的表单元素
<fieldset disabled>
<legend>个人信息:</legend>
姓名: <input type="text"><br>
电子邮件: <input type="text"><br>
出生日期: <input type="text">
</fieldset>
自己动手试一试 »
Input 示例
带有禁用输入字段的 HTML 表单
<form action="/action_page.php">
名：<input type="text" name="fname"><br>
姓: <input type="text" name="lname" disabled><br>
<input type="submit" value="提交">
</form>
自己动手试一试 »
Optgroup 示例
禁用的选项组
<select>
<optgroup label="德国汽车" disabled>
<option value="mercedes">奔驰</option>
<option value="audi">奥迪</option>
</optgroup>
</select>
自己动手试一试 »
Option 示例
带有单个禁用选项的下拉列表
<select>
<option value="volvo" disabled>沃尔沃</option>
<option value="saab">Saab</option>
<option value="vw">大众</option>
<option value="audi">Audi</option>
</select>
自己动手试一试 »
Select 示例
禁用的下拉列表
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">奔驰</option>
<option value="audi">Audi</option>
</select>
自己动手试一试 »
Textarea 示例
禁用的文本区域
<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 | 是 | 是 | 是 | 是 | 是 |
