Руководство по HTML

Полный список тегов HTML

HTML: <button> тег

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

Онлайн пример

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

Пример

!DOCTYPE html
<html>
<head>　
<meta charset="utf-8">　
<title>Основной курс (oldtoolbag.com)</title>　
</head>　
<body>
<button type="button" onclick="alert('Привет, мир!')">Нажми меня</button>
　
</body>
</html>

Проверьте, ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

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

Определение и описание тега

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

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

Элемент HTML <button> расположен внутри маркера <body>.
Маркер <button> не может следовать за маркером <a>.

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

Подсказки и注意事项

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

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

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

Атрибут

New　：Новый атрибут в HTML5.

Атрибут	Значение	Описание
autofocusHTML5	autofocus	Определяет, что кнопка должна автоматически получить фокус при загрузке страницы.
disabled	disabled	Определяет, что кнопка должна быть отключена.
formHTML5	form_id	Определяет, что кнопка принадлежит одному или нескольким формам.
formactionHTML5	URL	Определяет, куда отправлять данные формы при отправке. Покрывает атрибут action элемента form. Этот атрибут используется вместе с type="submit".
formenctypeHTML5	application/x-www-form-urlencoded multipart/form-data text/plain	Определяет, как кодировать данные формы перед отправкой на сервер. Покрывает атрибут enctype элемента form. Этот атрибут используется вместе с type="submit".
formmethodHTML5	get post	Определяет HTTP-метод, который используется для отправки данных формы. Покрывает атрибут method элемента form. Этот атрибут используется вместе с type="submit".
formnovalidateHTML5	formnovalidate	Если использовать этот атрибут, то при отправке формы не будет выполнена проверка. Покрывает атрибут novalidate элемента form. Этот атрибут используется вместе с type="submit".
formtargetHTML5	_blank _self _parent _top framename	Определяет, где открывать action URL. Покрывает атрибут target элемента form. Этот атрибут используется вместе с type="submit". Указывает, где после отправки формы отображать имя или ключевое слово ответа.Это может быть одним из следующих значений: _self, _blank, _parent, _top _self - означает, что ответ будет загружен в текущий фрейм или контекст _blank - означает, что ответ будет загружен в новый окно или контекст _parent - означает, что ответ будет загружен в родительский фрейм или контекст _top - означает, что ответ будет загружен в полный исходный окно
name	name	Определяет имя кнопки.
type	submit　 reset button	Определяет тип кнопки. Подтверждение - означает, что кнопка отправит данные формы на сервер (если тип не указан, то по умолчанию) Сброс - означает, что кнопка сбросит все элементы управления Кнопка - означает, что у кнопки нет mặc định поведения
value	text	Определяет начальное значение кнопки. Может быть изменено скриптом.

Глобальные свойства

Поддержка тега <button> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <button> Событийные свойства HTML.

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

Руководство по HTML DOM: Объект Button

HTML: <canvas> тег HTML: <br> тег