select

HTML тег select — это тег, который используют для определения списков выбора, внутри которых может быть сколько угодно пунктов option. Еще можно встретить название для этого элемента dropdown.

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

ie IEoperaOperachromeChromefirefoxFirefoxsafariSafari
+++++

Пример

<select>
 <option>Volvo</option>
 <option>Saab</option>
 <option>Mercedes</option>
 <option>Audi</option>
</select>

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

Разницы нет.

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

АтрибутЗначениеОписание
disableddisabledБлокирует выбор опции в выпадающем списке
multiplemultipleОпределяет возможность выбора нескольких вариантов
nameзначениеОпределяет название выпадающего списка
sizeназваниеОпределяет количество видимых опций в выпадающем списке

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

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

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

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

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

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