<button>

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

Теоретически, <button> должен располагаться внутри формы, устанавливаемой элементом <form>. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с <button>, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, рекомендуется помещать <button> в контейнер <form>.

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

Обязателен

Поддержка:

HTML4 и выше

Атрибуты:

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

<button autofocus value="next">Далее</button>

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

<button disabled>Неактивная кнопка</button>

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

<button type="submit" form="data">Создать новую форму</button>

formaction - Задаёт адрес, на который пересылаются данные формы при нажатии на кнопку.

<button formaction="send_data.php">Отправить данные</button>

formenctype - Способ кодирования данных формы.

<button formaction="send_data.php" formenctype="multipart/form-data">Отправить данные</button>

formmethod - Указывает метод пересылки данных формы.

<button formaction="send_data.php" formenctype="multipart/form-data" formmethod="get">Отправить данные</button>

formnovalidate - Отменяет проверку формы на корректность.

<button formnovalidate>Отменяет проверку</button>

formtarget - Открывает результат отправки формы в новом окне или фрейме.

<button formaction="handler.php" formtarget="blank">Открываем в новом окне</button>

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

<button name="send" value="ОК">Вход</button>

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

<button type="submit">Отправить данные на сервер</button>

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

<button value="ОК" type="submit">Значение формы</button>

Также для этого тега доступны универсальные атрибуты и события.

Пример:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="ru">
  <title>button</title>
 </head>
 <body>
  <p style="text-align: left"><button>Вход</button><br><br>
  <button><img src="but_im.ico" style="vertical-align: middle">Вход</button></p>
 </body>
</html>