jquery - 人们为什么使用按钮和其他 HTML 输入？

Question

除了文本输入框之外，我不明白为什么有人想要使用 HTML 输入。

尝试在所有浏览器中设置它们的样式是一场噩梦，而将普通 div 设置为按钮的样式，然后利用 jquery 的 onClick 函数要容易得多。

像这样: JSFIDDLE

$('.clickme').hover(function() {
    $(this).animate({"color":"#e8a010","font-size":"52pt"}, 1000);
}, function() {
    $(this).animate({"color":"#fff","font-size":"13px"}, 1000);
});

当人们可以正常设置 div 样式时，为什么要使用按钮然后尝试设置它们的样式？有什么优势吗？我错过了什么吗？

Answer 1

主要是可访问性。 button 和 input 元素可以通过使用 Tab 获得焦点，然后通过键盘进行交互。样式为按钮的 div 永远不会通过 Tab 键获得焦点。

虽然这种行为并非不可能用非表单元素来模仿，但您可以通过它们免费获得它。