HTML тег <button>

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

Примечание: Всегда указывайте для тега <button> тип атрибута type = "button" если элемент используется в качестве обычной кнопки. Если вы используете тег <button> внутри HTML формы, то вы можете столкнуться с тем, что разные браузеры могут представить различные значения.

Совет: Используйте тег <input> для создания кнопок внутри HTML форм.

Синтаксис

<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>

Пример HTML:

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

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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



Contema