Атрибут type

Определяет тип кнопки, который устанавливает её поведение в форме. По внешнему виду кнопки разного типа никак не различаются, но у каждой такой кнопки свои функции.

Синтаксис

<button type="button | reset | submit">...</button>

Значения

button
Обычная кнопка.
reset
Кнопка для очистки введённых данных формы и возвращения значений в первоначальное состояние.
submit
Кнопка для отправки данных формы на сервер.
menu
Открывает меню, созданное с помощью элемента <menu>.

Значение по умолчанию

submit

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>BUTTON, атрибут type</title> </head> <body> <form action="handler.php"> <p><input type="text" name="user"></p> <p><button type="reset">Очистить форму</button> <button type="submit">Отправить форму</button></p> </form> </body> </html>

Браузеры

11 12 1 15 4 1
4.4 4 14 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.