САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <button>


Пример

Кликабельная кнопка помечена следующим образом:

<button type="button">Кликни меня!</button>
Попробуйте сами »

Определение и использование

Тег <button> определяет кликабельную кнопку.

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

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

Поддержка браузерами

Элемент
<button> Yes Yes Yes Yes Yes

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

Примечание: Если вы используете элемент <button> в HTML форме, разные браузеры могут отправлять разные значения. Используйте <input> для создания кнопок в HTML форме.
Совет: Посетите CSS Кнопки. Учебник чтобы узнать, как стилизовать кнопки с помощью CSS.

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

HTML5 имеет следующие новые атрибуты: autofocus, form, formaction, formenctype, formmethod, formnovalidate и formtarget.


Атрибуты

Атрибут Значение Описание
autofocus autofocus Указывает, что кнопка должна автоматически получать фокус при загрузке страницы
disabled disabled Указывает, что кнопка должна быть отключена
form form_id Указывает одну или несколько форм, к которым принадлежит кнопка
formaction URL Указывает, куда отправлять данные формы при отправке формы. Только для type="submit"
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Указывает, как данные формы должны быть закодированы перед отправкой на сервер. Только для type="submit"
formmethod get
post
Указывает, как отправлять данные формы (какой метод HTTP использовать). Только для type="submit"
formnovalidate formnovalidate Указывает, что данные формы не должны проверяться при отправке. Только для type="submit"
formtarget _blank
_self
_parent
_top
framename
Указывает, где отображать ответ после отправки формы. Только для type="submit"
name name Определяет название для кнопки
type button
reset
submit
Определяет тип кнопки
value text Определяет начальное значение для кнопки

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

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


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

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


Связанные страницы

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

CSS Учебник: Стилизация кнопок


Настройки CSS по умолчанию

Отсутствуют.