2013-06-21 6 views
-1

Для кнопок теперь я больше всех вижу людей, использующих <a> для кнопок стилизации. В чем преимущество использования элементов формы, например, старых <input type="submit"> или <input type="button">?Кнопки для стилизации - <a> vs <input>

+2

принадлежит к форме, не должны быть гиперссылки. освобождаются от браузеров/ОС specfitie для формирования элементов. –

+0

@Shaddow, это хороший, чтобы рассказать людям. сделай это правильно ! –

ответ

2

Semantic разметки.

Если кнопка предназначена для отправки формы, то имеет смысл <input type="submit">. В противном случае, если это ссылка, то <a> лучше всего описывает структуру элемента.

+0

+1 для семантических –

0

Я не думаю, что это столько преимуществ и недостатков, сколько семантика. <input type="submit"> следует использовать, если вы знаете, что-то представляете. Если у вас есть кнопка, которая берет вас с места на место на сайте, это якорь по своей природе и должен быть <a>, скорее всего, с атрибутом href.

1

Якорный ярлык легко справляется (т. Е. Наведение поддерживается в каждом браузере, не копаясь в дотипах для IE). Когда «кнопочный» является частью дизайна, иногда легче форматировать ссылку, чем работать со стилями и поведением кнопок по умолчанию.

Также, как упоминалось в Schleis, семантика действительно важна. Если вы считаете, что ссылка лучше описывает элемент, используйте тег <a>. Всякий раз, когда он действует как кнопка, используйте тег <input> или <button>.