轻松上手,快乐学习!

HTML disabled 属性


定义和用法

disabled 属性是一个布尔属性。

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

禁用的元素不可用。

disabled 属性可以设置为阻止用户使用该元素,直到满足其他条件(如选择复选框等)。 然后,JavaScript 可以删除禁用的值,并使元素可用。


适用于

disabled 属性可用于以下元素:

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

实例

Button 实例

一个禁用的按钮:

<button type="button" disabled>单击我!</button>
亲自试一试 »

Fieldset 实例

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

<fieldset disabled>
  <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>
亲自试一试 »

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 disabled>
在 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