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