/ Справочники / HTML5 / button

Информация по поводу - button


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>
Результат: