<button>
Элемент <button>
создаёт на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью <input>
(с атрибутом type="button | reset | submit"). В отличие от этого элемента, <button>
предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путём изменения шрифта, цвета фона, размеров и других параметров.
Теоретически, <button>
должен располагаться внутри формы, устанавливаемой элементом <form>
. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с <button>
, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, рекомендуется помещать <button>
в контейнер <form>
.
autofocus - Устанавливает, что кнопка получает фокус после загрузки страницы.
disabled - Блокирует доступ и изменение элемента.
form - Связывает между собой форму и кнопку.
formaction - Задаёт адрес, на который пересылаются данные формы при нажатии на кнопку.
formenctype - Способ кодирования данных формы.
formmethod - Указывает метод пересылки данных формы.
<button formaction="send_data.php" formenctype="multipart/form-data" formmethod="get">Отправить данные</button>
formnovalidate - Отменяет проверку формы на корректность.
formtarget - Открывает результат отправки формы в новом окне или фрейме.
name - Определяет уникальное имя кнопки.
type - Устанавливает тип кнопки: обычная; для отправки данных формы на сервер; для очистки формы.
value - Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.
Также для этого тега доступны универсальные атрибуты и события.