Тег button
Тег <button> служит для создания кнопок. Внутри кнопки можно разместить различный контент, будь то текст или картинка. Это отличает кнопку, созданную при помощи тега <button> от кнопки, созданной при помощи тега <input>.
Всегда явно задавайте значение атрибута type. В браузере Internet Explorer значением по умолчанию данного атрибута является button, в то время как в других браузерах (и в спецификации W3C) — submit.
Поддержка браузерами
Тег <button> поддерживается всеми основными браузерами.
Отличия в HTML и XHTML
Отличия отсутствуют
Опциональные атрибуты
Столбец DTD отражает доступность атрибута. S=Strict, T=Transitional, F=Frameset.
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| disabled | disabled | Указывает, является ли кнопка неактивной | STF |
| name | имя | Содержит имя кнопки | STF |
| type | button reset submit |
Содержит тип кнопки | STF |
| value | текст | Содержит подчеркнутое значение кнопки | STF |
Стандартные атрибуты
Тег <button> поддерживает следующие стандартные атрибуты:
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| accesskey | символ | Содержит клавиатурную комбинацию для доступа к элементу | STF |
| class | имя класса | Содержит имя класса элемента | STF |
| dir | rtl ltr |
Направление текста для контента элемента | STF |
| id | id | Содержит уникальный идентификатор элемента | STF |
| lang | код языка | Язык контента элемента | STF |
| style | стили | Содержит стили элемента | STF |
| tabindex | число | Содержит порядок переключения по Tab для элемента | STF |
| title | текст | Содержит дополнительную информацию об элементе | STF |
| xml:lang | код языка | Язык контента элемента в XHTML-документах | STF |
Событийные атрибуты
Тег <button> поддерживает следующие событийные атрибуты:
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| onblur | скрипт | Скрипт выполняется, когда элемент теряет фокус | STF |
| onclick | скрипт | Скрипт выполняется при клике мышью по элементу | STF |
| ondblclick | скрипт | Скрипт выполняется при двойном клике мышью по элементу | STF |
| onfocus | скрипт | Скрипт выполняется, когда элемент получает фокус | STF |
| onmousedown | скрипт | Скрипт выполняется, когда кнопка мыши нажата | STF |
| onmousemove | скрипт | Скрипт выполняется при перемещении курсора мыши | STF |
| onmouseout | скрипт | Скрипт выполняется, когда курсор мыши покидает область элемента | STF |
| onmouseover | скрипт | Скрипт выполняется, когда курсор мыши входит в область элемента | STF |
| onmouseup | скрипт | Скрипт выполняется, когда кнопка мыши отпущена | STF |
| onkeydown | скрипт | Скрипт выполняется, когда кнопка клавиатуры нажата | STF |
| onkeypress | скрипт | Скрипт выполняется, когда кнопка клавиатуры зажата | STF |
| onkeyup | скрипт | Скрипт выполняется, когда кнопка клавиатуры отпущена | STF |
Пример
<button type="button">Click Me!</button>
