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 по умолчанию
Отсутствуют.
Сайт работает на фреймворке W3.CSS.
