button 是平时使用最广泛的一个 HTML 元素了,只要有点击交互的地方都推荐使用这个。但是,仍然有大部分网站使用的还是div,比如某博,所到之处几乎都是 div
既然是按钮,为什么不直接使用button
呢?这里介绍一下使用 button 的 5 个理由
一、禁用特性
button
支持禁用。这也是表单元素的通性,直接设置disabled
属性可以达到禁用的效果
<button disabled>按钮</button>
而且,这种禁用不仅可以禁用鼠标点击,也会禁用键盘访问,是真正意义上的禁用
如果需要改变禁用用的样式,需要通过:disabled
伪类,而不是disabled
属性
button:disabled{
}
/*不推荐*/
button[disabled]{
}
因为有时候 button
被禁用,不一定来源于自身,有可能是因为父级元素,比如fieldset
<fieldset disabled>
<button>按钮</button>
<button>按钮</button>
</fieldset>
可以看到,当fieldset
被禁用时,所包含的表单元素全部都被禁用,这些表单元素本身是没有disabled
属性的,所以要禁用一个按钮,一定要通过