HTML <button>Тег


Пример

Следующий код помечает кнопку:

<button type="button">Нажми меня!</button>

Попробуйте сами »

Поддержка браузеров

Internet Explorer Firefox Opera Google Chrome Safari

Все основные браузеры поддерживают тег <button>.


Определение тега и инструкции по использованию

Тег <button> определяет кнопку.

Внутри элемента <button> можно размещать содержимое, например текст или изображения. Это отличие данного элемента от кнопок, созданных с помощью элемента <input>.

Совет:Всегда указывайте атрибут type для элемента <button>. Разные браузеры используют разные значения по умолчанию для атрибута type элемента <button>.


Советы и примечания

Примечание:Если вы используете элемент <button> в HTML-форме, разные браузеры могут отправлять разные значения кнопки. Пожалуйста, используйте<input>для создания кнопок в HTML-форме.


Различия между HTML 4.01 и HTML5

Новые атрибуты в HTML5: autofocus, form, formaction, formenctype, formmethod, formnovalidate и formtarget.


Атрибуты

НовоеНовые атрибуты в HTML5.

Attribute Значение Описание
autofocusНовое autofocus Указывает, что кнопка должна автоматически получать фокус при загрузке страницы.
disabled disabled Указывает, что кнопка должна быть отключена.
formНовое form_id Указывает, что кнопка принадлежит одной или нескольким формам.
formactionНовое URL Указывает, куда отправлять данные формы при отправке формы. Переопределяет атрибут action элемента формы. Этот атрибут работает с type="submit".
formenctypeНовое application/x-www-form-urlencoded
multipart/form-data
text/plain
Указывает, как кодировать данные формы перед отправкой на сервер. Переопределяет атрибут enctype элемента формы. Этот атрибут работает с type="submit".
formmethodНовое get
post
Указывает метод HTTP, используемый для отправки данных формы. Переопределяет атрибут method элемента формы. Этот атрибут работает с type="submit".
formnovalidateНовое formnovalidate Если этот атрибут используется, форма не проверяется при отправке. Переопределяет атрибут novalidate элемента формы. Этот атрибут работает с type="submit".
formtargetНовое _blank
_self
_parent
_top
framename
Указывает, где открывать URL-адрес action. Переопределяет атрибут target элемента формы. Этот атрибут работает с type="submit".
name name Указывает имя кнопки.
type button
сброс
submit 
Указывает тип кнопки.
value text Указывает начальное значение кнопки. Оно может быть изменено скриптом.


Глобальные атрибуты

Тег <button> поддерживаетГлобальные атрибуты HTML。


Атрибуты событий

Тег <button> поддерживаетатрибуты событий HTML。


Связанные статьи

Справочник по HTML DOM:Объект Button

Другие расширения