HTML <button> disabled 属性
一个布尔值的元素属性。表示用户不能和该按钮交互。如果该属性未设置,那么按钮继承自它的父元素的设置,例如 <fieldset>
;如果父元素没有设置 disabled 属性,那么按钮是启用的。
不像其它浏览器,Firefox默认在页面跳转时,会保留 button 的动态禁用状态(Firefox persists the dynamic disabled state)。使用 autocomplete
属性可以控制该特性。
被禁用的按钮是无法使用和无法点击的。
可以对 disabled 属性进行设置,使用户在满足某些条件时(比如选中复选框,等等)才能点击按钮。然后,可使用 JavaScript 来删除 disabled 属性,使该按钮变为可用的状态。
禁用一个按钮:
<button type="button" disabled>这是一个禁用的按钮。</button>
语法
<button disabled>
属性值
disabled
属性是一个布尔值元素属性。
可选值的写法有:
-
<button disabled></button>
:表示禁用按钮 -
<button disabled="disabled"></button>
:同上 -
<button disabled=""></button>
:同上 -
<button></button>
:表示不禁用按钮
HTML 4.01 与 HTML5之间的差异
无
HTML 与 XHTML之间的差异
在 XHTML 中, 属性不允许简写, disabled 属性必须定义为 <button disabled="disabled">
。
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 1.0 | (支持) | 1.0 (1.7 或更早) | (支持) | (支持) | (支持) |
移动浏览器兼容性
特性 | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
基础支持 | (支持) | (支持) | 1.0 (1.0) | (支持) | (支持) | (支持) |