Главное меню

Теги HTML

 

Тег <select>

 

 

Тег <select> - элемент языка html, используемый для создания списков на форме, позволяющих выбрать одно или несколько значений из множества возможных. По умолчанию в поле списка отображается его первый элемент. Элемент списка создается с помощью тега <option>.


Пример создания веб-страницы, содержащей список выбора

<html>

<head><title>ФОРМЫ</title></head>

<body>

<h1 align=left>Устройства ввода-вывода компьютера</h1>

<form>

<select name=group>

<option> Клавиатура

<option> Мышь

<option> Монитор

<option> Принтер

<option> Гибкий магнитный диск

<option> Cd-диск

<option> Dvd-диск

<option> Синхронизатор с карманным пк </select>

</form></body></html>


Список выбора, создаваемый тегом <SELECT>, не обязательно является однострочным. Количество одновременно видимых на экране элементов списка задается атрибутом SIZE. Если количество элементов списка превышает значение, указанное в атрибуте SIZE, справа появляется полоса прокрутки. Чтобы в списке одновременно можно было выбрать несколько элементов (с помощью клавиши Shift или Ctrl), применяется атрибут MULTIPLE, который задает максимальное количество одновременно выбранных элементов.

В теге <OPTION> обязательно надо указывать атрибут VALUE. Только в этом случае программа, ассоциированная с формой, сможет определить, какой элемент списка выбран.

 

Атрибуты тега <select>

accesskey.............Позволяет перейти к списку с помощью некоторого сочетания клавиш.

autofocus............Устанавливает, что список получает фокус после загрузки страницы.

disabled...............Блокирует доступ и изменение элемента.

form...................Связывает список с формой.

multiple...............Позволяет одновременно выбирать сразу несколько элементов списка.

name..................Имя элемента для отправки на сервер или обращения через скрипты.

required..............Список обязателен для выбора перед отправкой формы.

size.....................Количество отображаемых строк списка.

tabindex..............Определяет последовательность перехода между элементами при нажатии на клавишу Tab.

 

Закрывающий тег обязателен.

 

Начинай изучать язык HTML.