button

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

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

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

ie IE operaOpera chromeChrome firefoxFirefox safariSafari
+ + + + +

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

Пример

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

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

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

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

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

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

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

 

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

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

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