Тег <button>
Описание
Тег <button> создает кликабельную кнопку на веб-странице. В отличие от <input type="button">, позволяет размещать внутри другие HTML-элементы.
<button type="button"> Нажми меня </button>
Особенности:
- Может содержать текст, изображения и другие элементы
- По умолчанию имеет стили браузера (можно переопределить CSS)
- Для доступности рекомендуется использовать aria-атрибуты
- Отправляет значение кнопки при submit формы
Тег <button> - универсальный элемент для создания интерактивных интерфейсов.
Атрибуты
| autofocus | Автофокус |
| disabled | Отключение |
| form | Связь с формой |
| formaction | URL обработки формы |
| formenctype | Кодировка данных формы |
| formmethod | Метод отправки формы |
| formnovalidate | Отключение валидации |
| formtarget | Цель отправки формы |
| name | Имя |
| type | Тип кнопки |
| value | Значение |
| accesskey | Горячая клавиша |
| class | CSS-класс |
| contenteditable | Редактируемость |
| data-* | Пользовательские данные |
| dir | Направление текста |
| draggable | Перетаскивание |
| hidden | Скрытие |
| id | Идентификатор |
| lang | Язык |
| spellcheck | Проверка орфографии |
| style | Инлайновые стили |
| tabindex | Порядок перехода |
| title | Подсказка |
| translate | Перевод |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 8.0 | 1.0 | 6.0 | 1.0 | 1.0 |