为什么人们使用按钮和其他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键获得焦点.

虽然这种行为不可能模仿非形式元素,但你可以免费获得它.