最新的Web开发教程
 

HTML disabled Attribute


定义和用法

disabled属性是一个布尔属性。

如果存在,则表示该元素应该被禁用。

禁用的元素是不可用的。

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


适用于

disabled属性可以在下列元素一起使用:

分子 属性
<button> disabled
<fieldset> disabled
<input> disabled
<keygen> 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="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname" disabled><br>
  <input type="submit" value="Submit">
</form>
试一试»

Keygen

禁用的<keygen>元素:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security" disabled>
  <input type="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 disabled>
At w3ii.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
试一试»

浏览器支持

disabled属性为每个元素以下浏览器支持:

元件
button
fieldset 不支持 7
input 1.0 6 1.0 1.0 1.0
keygen 不支持 6
optgroup 1.0 8
option 1.0 8 1.0
select
textarea