Тег <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