Поле со списком
Поле со списком, называемое еще ниспадающее меню, один из гибких и удобных элементов формы. В зависимости от настроек, в списке можно выбирать одно или несколько значений. Преимущество списка в его компактности, он может занимать всего одну строку, а чтобы просмотреть весь список нужно на него нажать. Однако, это является и недостатком, ведь пользователю сразу не виден весь выбор.
Поле со списком создается следующим образом.
<select параметры>
<option параметры>Выбор 1</option>
<option>Выбор 2</option>
<option>Выбор 3</option>
</select>
Теги <SELECT> и <OPTION> имеет следующие параметры (табл. 1).
Табл. 1. Параметры поля со списком
Параметр
select |
Описание |
name |
Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать список. |
size |
Количество видимых строк. По умолчанию одна строка. |
multiple |
Этот параметр позволяет выбрать сразу несколько строк. Выбор делается с помощью клавиши Control или Shift. |
Параметр option |
Описание |
selected |
Видимое поле по умолчанию. |
value |
Значение определяет, что будет отправлено на сервер при выбранном пункте списка. |
Создание списка с помощью тегов <SELECT> и <OPTION> показано в примере 1.
Пример 1. Поле со списком
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>Поле со списком</title>
</head>
<body><form action=”/cgi-bin/handler.cgi”>
<p><b>Как по вашему мнению расшифровывается аббревиатура “ОС”?</b></p>
<p><select name=”OS”>
<option>Офицерский состав</option>
<option>Операционная система</option>
<option>Большой полосатый мух</option>
</select></p>
</form>
</body>
</html>
В результате получим следующее (рис. 1).

Рис. 1. Вид раскрытого списка
|