我为新网站创建了一些核心组件，现在正在按钮上。有几种方法可以创建HTML按钮，但我正在寻找一种通用方式（如果有的话）。
按钮有几个关键功能
我一直在使用常规链接 因为“自动”悬停但是在使用onclick时将href设置为＃感觉不对。
Jquery有一些帮助函数，但我真的不喜欢将按钮绑定到按钮元素本身上。
也许具有:hover效果的常规div是最好的方法？
或者我应该为每种类型创建一个按钮吗？提交，链接，javascript？
是否有“最佳做法”？
答案 0 :(得分：0)
就像你上面说的那样，某些按钮适用于某些情况：
如果您正在尝试为表单创建一个按钮，那么<input type="submit">将是最佳选择，我不建议将其用作链接按钮，因为它是为<form>元素。
现在，对于其他页面的链接，任何几乎所有HTML元素（p，h1，h2，li，div等）都可以支持按钮创建，只要你正确设置样式（边框悬停等）。示例：菜单项大多数时候都是使用<li></li>标签创建的按钮。当然，正如@JacobGray所说，<button></button>是创建一个的合适，语义和最简单的方法。
关于背景图片：所有这些图片（表单按钮和其他元素）都支持背景图片更改。只要您根据按钮的大小缩放图像。
关于javascript事件，只要你{j}要处理的id元素，所有这些事件都会支持。
答案 1 :(得分：0)
正如我在评论中所说<button>...</button>是最简单的方法：
<button>元素比<input>元素更容易设计。您可以添加内部HTML内容（考虑<em>，<strong>甚至<img>），并使用：after和：before伪元素来实现复杂的呈现<input>只接受文本值属性 Source: Moz Docs
button元素可用于提交表单，事实上，它甚至还有一个属性用于此目的：
<button type="submit">Submit</button>
该按钮将表单数据提交给服务器。这是默认值 未指定属性，或者属性是否为动态属性 更改为空值或无效值。
在大多数浏览器中，不需要type="submit"属性，点击按钮即可提交表单
允许的其他类型是：
type="reset"：该按钮将所有控件重置为其初始值 值。
type="button"：该按钮没有默认行为。它可以有 与元素事件相关联的客户端脚本 事件发生时触发。
您可以在Mozilla Docs和W3C
找到更多信息