HTML тег <button>

Элемент <button> (от англ. "button" ‒ «кнопка») cоздаёт в документе интерактивные кнопки. Внутри тега <button> вы можете разместить как отформатированный текст, так и изображение. Это основная разница между этим элементом и кнопками, созданными с использованием тега <input> (c атрибутом type = "button").

Синтаксис

<button>...</button>

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

Обязателен.

Атрибуты

autofocusHTML5

Устанавливает, что кнопка получает фокус после загрузки страницы.

disabled

Блокирует доступ и изменение элемента.

formHTML5

Связывает между собой форму и кнопку.

formactionHTML5

Задаёт адрес, на который пересылаются данные формы при нажатии на кнопку (только для <button type = "submit">).

formenctypeHTML5

Способ кодирования данных формы (только для <button type = "submit">).

formmethodHTML5

Указывает метод пересылки данных формы (только для <button type = "submit">).

formnovalidateHTML5

Отменяет проверку формы на корректность (только для <button type = "submit">).

formtargetHTML5

Открывает результат отправки формы в новом окне или фрейме (только для <button type = "submit">).

name

Определяет уникальное имя кнопки.

type

Устанавливает тип кнопки: обычная; для отправки данных формы на сервер; для очистки формы.

value

Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

В HTML 5 добавлены 7 новых атрибутов.

Пример использования:

Элемент <button>

<p><button>Кнопка с текстом</button></p>
<p><button><img src="images/Star.png" alt="Звезда" 
style="vertical-align: middle"> Кнопка с рисунком</button></p>

Спецификации