button

HTML тег button позволяет добавить на страницу кнопку. Отличие его от кнопки, созданной через тег input в том, что в нем можно вывести контент, например, текст или изображение, а в input — нельзя. Нужно всегда указывать значение type этого тега, так как у некоторых браузерах оно по умолчанию установлено в button, а в других — в submit.

Важно: При использовании тега button в форме — разные браузеры его по-разному будут обрабатывать, например, IE — передаст текст между открывающим и закрывающим тегами buton, а другие браузеры передадут значение атрибута value.

Поддержка браузеров

ie IEoperaOperachromeChromefirefoxFirefoxsafariSafari
+++++

Разницы между HTML и XHTML нет.

Пример

<button type="button">Click Me!</button>

Необязательные атрибуты

АтрибутЗначениеОписание
disableddisabledОтключает возможность нажатия кнопки
typebutton reset submitОпределяет тип кнопки
valueтекстОпределяет базовое значение кнопки
nameназваниеОпределяет название кнопки

Стандартные атрибуты

АтрибутЗначениеОписание
accesskeyбукваОпределяет клавишную комбинацию для получения доступа к элементу
classимя_классаОпределяет имя класса для элемента
dirrtl ltrОпределяет направление текста для контента в элементе
ididОпределяет уникальный id для элемента
langкод_языкаОпределяет код языка для контента в элементе
styleопределение_стиляОпределяет инлайновый стиль для элемента
tabindexномерОпределяет порядок переноса фокуса в окне с одного элемента управления на другой при нажатии клавиши TAB
titleтекстОпределяет дополнительную информацию об элементе
xml:langкод_языкаОпределяет код языка для контента в элементе, в XHTML документах

Событийные атрибуты

АтрибутЗначениеОписание
onblurскриптСкрипт будет выполнен после потери элементом фокуса
onclickскриптСкрипт будет выполнен при клике
ondblclickскриптСкрипт будет выполнен при двойном клике
onfocusскриптСкрипт будет выполнен при получения фокуса
onmousedownскриптСкрипт будет выполнен при нажатии кнопки мышки
onmousemoveскриптСкрипт будет выполнен при движении курсора мышки
onmouseoutскриптСкрипт будет выполнен, когда курсор мышки покинет пределы элемента
onmouseoverскриптСкрипт будет выполнен, когда курсор мышки находится над элементом
onmouseupскриптСкрипт будет выполнен, когда кнопка мышки будет отпущена
onkeydownскриптСкрипт будет выполнен при нажатии клавиши
onkeypressскриптСкрипт будет выполнен при нажатии клавиши и последующего разжатия
onkeyupскриптСкрипт будет выполнен при разжатии клавиши

 

Просмотров: 47

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *