Тег <button> определяет кнопку формы.
Внутри элемента <button> можно помещать контент — текст или изображения. Это основное отличие кнопок созданных при помощи этого элемента и элемента <input>.
При определении элемента <button> следует всегда задавать атрибут type, так как разные браузеры по умолчанию определяют разные типы для элемента <button>.
При использовании элемента <button> в HTML форме разные браузеры могут передавать разные значения. Поэтому в HTML формах для создания кнопок лучше использовать элемент <input>.
Атрибуты тега <button>
| Атрибут | Описание |
|---|---|
| autofocus | Автоматически передает фокус элементу button |
| disabled | Отключает кнопку |
| form | Определяет к какой форме относится элемент |
| formaction | Определяет, куда будут отправлены данные формы |
| formenctype | Определяет способ кодировки отправляемых на сервер данных формы |
| formmethod | Определяет метод отправки на сервер данных формы |
| formnovalidate | Отключает встроенную проверку корректности введенных данных формы |
| formtarget | Определяет, куда загружать ответ сервера после отправки данных формы |
| name | Определяет имя элемента кнопки |
| type | Определяет тип кнопки |
| value | Определяет значение для кнопки |
Общие атрибуты
Тег <button> поддерживает общие атрибуты и атрибуты-события.
HTML пример использования
HTML кнопка:
<button type="button">Нажми меня!</button>
