Поле со списком > О том, как правильно делать сайты!

Поле со списком

Поле со списком, называемое еще ниспадающее меню, один из гибких и удобных элементов формы. В зависимости от настроек, в списке можно выбирать одно или несколько значений. Преимущество списка в его компактности, он может занимать всего одну строку, а чтобы просмотреть весь список нужно на него нажать. Однако, это является и недостатком, ведь пользователю сразу не виден весь выбор.

Поле со списком создается следующим образом.

<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 Transitional//EN">
<html>
<body>

<form action="/cgi-bin/handler.cgi">
<b>Как по вашему мнению расшифровывается аббревиатура "ОС"?</b><br>
<select name="OS">
<option>Офицерский состав</option>
<option>Операционная система</option>
<option>Большой полосатый мух</option>
</select>
</form>

</body>
</html>

В результате получим следующее.

Как по вашему мнению расшифровывается аббревиатура "ОС"?

Дизайн и Администрирование сайта: Лилия Нощенко
WWW.LILIA-WEB.NAROD.RU

Можете поставить нашу кнопочку у себя на сайте:

<a href="http://www.lilia-web.narod.ru/" target=_blank><img src="http://www.lilia-web.narod.ru/images/banners/webmaster.gif" width=88 height=31 border=0 alt="О том, как правильно делать сайты."></a>