HTML <button> Тег
Пример
Нажатая кнопка помечается следующим образом:
<button type="button">Нажмите меня!</button>
Определение и использование
Тег <button> определяет нажатую кнопку.
Внутри элемента <button> можно поместить содержимое, например текст или изображения. Это различие между этим элементом и кнопками, созданными с помощью элемента <input>.
Совет: Всегда указывайте атрибут Type для элемента < Button >. Различные обозреватели используют различные типы по умолчанию для элемента <button>.
Совет: Кнопки часто стилизованы под CSS:
Поддержка браузера
| Элемент | |||||
|---|---|---|---|---|---|
| <button> | Да | Да | Да | Да | Да |
Советы и примечания
Примечание: При использовании элемента <button> в HTML-форме различные обозреватели могут отправлять различные значения. Использовать <input> для создания кнопок в форме HTML.
Совет: Посетите наш CSS кнопки учебник чтобы узнать, как стиль кнопок с CSS.
Различия между HTML 4,01 и HTML5
HTML5 имеет следующие новые атрибуты: автофокусировка, форма, формактион, форменктипе, форммесод, formnovalidate и формтаржет.
Атрибуты
= Новые в HTML5.
| Атрибут | Значение | Описание |
|---|---|---|
| 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 Ссылки: Кнопку Object
CSS Учебник: Styling Кнопки
Параметры CSS по умолчанию
Нет.