- Главная»
- HTML-Шпаргалка»
- button
button
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
до версии 7 не поддерживает атрибут value | + | + | + | + |
Пример
Создаем кнопку:
<button type="button">Click Me!</button>
Описание и использование
Тег <button> вставляет в документ кнопку.
Внутри элемента button Вы можете размещать контент (текст, изображения). В этом заключается разница между этим элементом и кнопками, созданными с помощью элемента input.
Всегда указывайте атрибут type для кнопки. Значение по умолчанию атрибута type в Internet Explorer - "button", в других браузерах - "submit".
Важно: Если Вы используете элемент button в HTML форме, разные браузеры обработают его по разному. Internet Explorer передаст текст между тегами <button> и </button>, а другие браузеры - содержание атрибута "value". Используйте элемент input для создания кнопок в HTML форме.
Разница между HTML и XHTML
НЕТ
Необязательные атрибуты
Атрибут | Значение | Описание |
---|---|---|
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 | скрипт | Скрипт будет выполнен при разжатии клавиши |