HTML按钮怎么定义_HTML按钮button标签定义详解

那天在咖啡馆，我盯着电脑屏幕上的按钮代码，突然发现它比我想象的更复杂，也更简单。
例如，有一个项目使用<button type="submit">Submit</button>。
结果，用户点击了两次，表单提交了两次。
后来我切换到 <form action="/submit" method="post"> <button type="submit">提交</button></form>，添加防抖功能，问题解决。
大概是去年冬天，在杭州的一栋写字楼里。
我不记得确切的日期，但我仍然记得按钮的样式 - 深灰色背景，白色文本，当你悬停时变成浅灰色，符合当时的设计规范。
等等，还有一件事。
在移动端测试时，我发现按钮太小，手指很容易误触。
当时我使用媒体搜索来扩展按钮并添加边距。
我突然想到，在可访问性方面，一位客户抱怨他们使用的屏幕阅读器软件无法阅读。
后来我给按钮添加了 aria-label 属性，问题就消失了。
现在回看这段代码，感觉type属性特别重要，button、submit和reset。
一旦使用不当，整个表单逻辑就会被破坏。

html中button标签的作用

<button> 标签是网页上的按钮。

type="submit" 表示提交表单。
例如，从订单页面提交订单时，通常会写成 type="submit"。

type="button" 是一个常规按钮。
例如，要通过点击加载数据，则需要编写onclick="loadData()"。

disabled 表示禁用该按钮。
例如，对于库存为零的购买按钮，您只需编写“禁用”即可。

名称和值是按钮提交数据。
例如，对于删除按钮，输入 name="action" value="delete"。

根据 iPhone 1 4 标准，移动侧按钮必须很大且至少 4 4 像素宽。

不要让按钮文本太稀疏。
它应该至少有 3 个字符才能看起来不错。

自己掂量一下。