Тег <button>

Тег <button> создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <input> (с атрибутом type="button | reset | submit"). В отличие от этого тега, <button>предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров.
Теоретически, тег <button> должен располагаться внутри формы, устанавливаемой элементом <form>. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом <button>, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать <button>в контейнер <form> обязательно.

поддержка браузерами:

IExplorer	Chrome	Opera	Safari	Firefox	Android	iOS
6.0+/8.0+	1.0+	6.0+	1.0+	1.0+	1.0+	1.0+

спецификация:

HTML:	3.2	4.01	5.0
XHTML:	1.0	1.1

синтаксис:

<form>
  <button>...</button>
</form>

атрибуты:

accesskey - Определяет горячую клавишу, с помощью которой происходит переход фокуса к элементу формы.
autofocus - Атрибут autofocus устанавливает, что кнопка получает фокус после загрузки страницы.
disabled - Блокирует доступ и изменение кнопки.
form - Связывает кнопку с формой по её идентификатору.
formaction - Определяет адрес обработчика формы — это программа, которая получает данные формы и производит с ними желаемые действия.
formenctype - Устанавливает способ кодирования данных формы при их отправке на сервер.
formmethod - Атрибут сообщает браузеру, каким методом следует передавать данные формы на сервер.
formnovalidate - Отменяет встроенную проверку данных введенных пользователем в форме на корректность при нажатии на кнопку.
formtarget - Определяет окно или фрейм в которое будет загружаться результат, возвращаемый обработчиком формы, в виде HTML-документа.
name - Определяет уникальное имя кнопки.
type - Определяет тип кнопки, который устанавливает ее поведение в форме.
value - Определяет значение кнопки, которое будет отправлено на сервер.

закрывающий тег:

Обязателен

пример кода:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег BUTTON</title>
 </head>
 <body>
  <p style="text-align: center"><button>Кнопка с текстом</button>
  <button><img src="images/umbrella.gif" alt="Зонтик" 
          style="vertical-align: middle"> Кнопка с рисунком</button></p>
 </body>
</html>

примечание:

Internet Explorer до версии 7.0 включительно не поддерживает атрибут value.

Все продукты и сервисы

Тег <button>