|
Поле со списком
Поле со списком, называемое еще ниспадающее меню, один из гибких и удобных элементов формы. В зависимости от настроек, в списке можно выбирать одно или несколько значений. Преимущество списка в его компактности, он может занимать всего одну строку, а чтобы просмотреть весь список нужно на него нажать. Однако, это является и недостатком, ведь пользователю сразу не виден весь выбор.
Поле со списком создается следующим образом.
<option параметры>Выбор 1</option>
<option>Выбор 2</option>
<option>Выбор 3</option>
</select>
Теги <SELECT> и <OPTION> имеет следующие параметры (табл. 1).
| Параметр select | Описание |
|---|---|
| name | Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать список. |
| size | Количество видимых строк. По умолчанию одна строка. |
| multiple | Этот параметр позволяет выбрать сразу несколько строк. Выбор делается с помощью клавиши Control или Shift. |
| Параметр option | Описание |
| selected | Видимое поле по умолчанию. |
| value | Значение определяет, что будет отправлено на сервер при выбранном пункте списка. |
Создание списка с помощью тегов <SELECT> и <OPTION> показано в примере 1.
Пример 1. Поле со списком
<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>
</html>
В результате получим следующее (рис. 1).
Рис. 1. Вид раскрытого списка
Copyright © www.htmlbook.ru
Created/Updated: 25.05.2018