HTML <button> disabled 属性

HTML button 标签参考手册 HTML <button> 标签

一个布尔值的元素属性。表示用户不能和该按钮交互。如果该属性未设置,那么按钮继承自它的父元素的设置,例如 <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) (支持) (支持) (支持)

HTML button 标签参考手册 HTML <button> 标签