Какие недостатки есть у тега <button>?

Question

Я начал использовать диагностическую таблицу стилей CSS, например, http://snipplr.com/view/6770/css-diagnostics--highlight-deprecated-html-with-css--more/

В одном из предложенных правил выделены входные теги с типом submit, с рекомендацией использовать <button> в качестве более семантического решения. Каковы преимущества или недостатки <button> с типом отправки (например, совместимость с браузером), с которым вы столкнулись?

Просто чтобы прояснить, я понимаю спецификацию <button>, у нее есть определенные начало и конец, она может содержать различные элементы, тогда как input является синглетным и не может содержать вещи. По сути, я хочу знать, сломан он или нет. Я хотел бы знать, насколько полезна кнопка в текущий момент. Первый ответ, приведенный ниже, по-видимому, подразумевает, что он не подходит для использования, за исключением форм, к сожалению.

Изменить на 2015 г.

Пейзаж изменился! У меня есть еще 6 лет опыта работы с кнопками, и браузеры несколько перешли от IE6 и IE7. Поэтому я добавлю ответ, в котором подробно опишу, что я узнал и что я предлагаю.

Answer 1

Похоже, что основная причина использования <button> состоит в том, чтобы разрешить CSS-разметку этой кнопки и возможность стилизовать кнопку с изображениями: (см. Здесь: http://www.javascriptkit.com/howto/button.shtml)

Тем не менее, я думаю, что более приемлемый подход, который я видел в (X) HTML + CSS, состоит в том, чтобы использовать div и стилизовать его полностью с изображениями и: псевдоклассами hover (имитировать нажатие кнопки ... невозможно добавить) больше, чем одна ссылка на ответ, поэтому просто нажмите кнопку «div», и вы увидите множество примеров этого), и с помощью javascript для отправки формы или вызова AJAX ... это также имеет смысл, если вы не используете HTML формы и делать все представления с AJAX.