Тег 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>
 

Свежее

Популярное