Что такое button в HTML5?
HTML тег
<button>
позволяет создать кнопку на странице сайта. Этот тег очень схож с тегом <input type="button">
, тем не менее они имеют кардинальные отличия. Во-первых, этот тег может спокойно находиться вне тега form и браузеры не будут выводить никаких ошибок. Во-вторых, тег button дает большие возможности при оформление кнопок при помощи CSS. Например, вы можете поместить в этот тег картинку или же другие теги и настроить их отображение при помощи CSS.
Подобные кнопки могут находиться в других тегах, таких как абзац или же span. Такое расположение также не будет вызывать никаких ошибок со стороны браузера. Требует закрывающий тег
</button>
.Атрибуты:
value
- сюда записывается значение кнопки, которое будет отправлено на сервер. Не стоит путать с надписью кнопки, которое записывается в сам тег;name
- здесь будет находиться уникальное название кнопки;type
- тип кнопки. При нажатии очистка формы или же отправка информации на сервер;form
- при помощи этого атрибута можно указать связь между объектом и формой;disabled
- делает кнопку неактивной;accesskey
- добавление горячих клавиш;formtarget
- открытие результата в новом окне;formmethod
- способ (метод) пересылки информации;formenctype
- кодирование данных формы.
<button>Кнопка с текстом</button>
<button>
<img src="../img/spravka/html5.png"
style="width:30px; vertical-align: middle"
alt="Машинка"> Кнопка-картинка
</button>
Результат:
Комментарии