button

Обновлено: 13.01.2023

<button>

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

Синтаксис

<button>...</button>

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

Обязателен.

Атрибуты

  • Атрибут autofocus

    Атрибут autofocus
    HTML5

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

  • Атрибут disabled

    Атрибут disabled

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

  • Атрибут form

    Атрибут form
    HTML5

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

  • Атрибут formaction

    Атрибут formaction
    HTML5

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

  • Атрибут formenctype

    Атрибут formenctype
    HTML5

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

  • Атрибут formmethod

    Атрибут formmethod
    HTML5

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

  • Атрибут formnovalidate

    Атрибут formnovalidate
    HTML5

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

  • Атрибут formtarget

    Атрибут formtarget
    HTML5

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

  • Атрибут name

    Атрибут name

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

  • Атрибут type

    Атрибут type

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

  • Атрибут value

    Атрибут value

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

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

Пример

Браузеры

button

Посмотреть совместимость на Can I use?

button