HTML disabled 属性

定义和用法

disabled 属性是一个布尔属性。

当存在时，它指定元素应该被禁用。

禁用的元素不可用。

可以设置 disabled 属性以阻止用户使用该元素，直到满足某些其他条件（例如选择复选框等）。然后，JavaScript 可以删除禁用的值，并使元素再次可用。

适用于

disabled 属性可用于以下元素：

元素 Element	属性 Attribute
<button>	disabled
<fieldset>	disabled
<input>	disabled
<optgroup>	disabled
<option>	disabled
<select>	disabled
<textarea>	disabled

示例

Button 示例

禁用的按钮：

<button type="button" disabled>Click Me!</button>

Fieldset 示例

禁用一组相关的表单元素：

<fieldset disabled>
  <legend>Personalia:</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="Submit">
</form>

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>

Select 示例

禁用的下拉列表：

<select disabled>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Textarea 示例

禁用的文本 textarea：

<textarea disabled>
在 HTML Tutorial，您将学习如何制作网站。 他们提供所有 Web 开发技术的免费教程。
</textarea>

浏览器支持

disabled 属性对每个元素都有以下浏览器支持：

元素 Element
<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

HTML 索引 (字母排序)

GitHub 上编辑此页 2022/05/09