пример
Кнопка интерактивными размечена следующим образом:
<button type="button">Click Me!</button>
Попробуй сам " Определение и использование
<button> Тег определяет кнопку интерактивными.
Внутри <button> элемент , который вы можете поместить содержимое, как текст или изображения. В этом разница между этим элементом и кнопками , созданного с помощью <input> элемента.
Совет: Всегда указывайте type атрибута для <button> элемента.Различные браузеры используют различные типы по умолчанию для <button> элемента.
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <button> | да | да | да | да | да |
Советы и примечания
Примечание: Если вы используете <button> элемент в HTML форме, разные браузеры могут представлять различные значения.Используйте <input> для создания кнопки в HTML форме.
Совет: Посетите наш CSS Buttons Учебник , чтобы узнать, как стиль кнопки с помощью CSS.
Отличия между HTML 4.01 и HTML5
HTML5 имеет следующие новые атрибуты: autofocus, form, formaction, formenctype, formmethod, formnovalidate и formtarget .
Атрибуты
= Новое в 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 ссылка: Кнопка объекта
Учебник CSS: Стилизация кнопок
Настройки по умолчанию CSS
Никто.