定义和用法
该disabled属性是一个布尔属性。
如果存在,则表示该元素应该被禁用。
禁用的元素是不可用的。
该disabled属性可以设置为保持用户使用的元素,直到其他条件满足(如选择一个复选框,等等)。 然后,一个JavaScript可以删除禁用的值,使元素可以使用。
适用于
该disabled属性可以在下列元素一起使用:
分子 | 属性 |
---|---|
<button> | disabled |
<fieldset> | disabled |
<input> | disabled |
<keygen> | disabled |
<optgroup> | disabled |
<option> | disabled |
<select> | disabled |
<textarea> | disabled |
例子
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 | 是 | 是 | 是 | 是 | 是 |