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

Важно помнить: элемент <option> следует размещать внутри соответствующего родительского блока выбора.

disabled:

Этот атрибут делает пункт списка выключенным, то есть неактивным. Логический атрибут disabled можно задать несколькими способами:

<option disabled><option disabled=""><option disabled="disabled">

label:

Помогает определить более короткую формулировку варианта, и именно она будет отображаться в раскрывающемся списке.

Примечание: атрибут label не поддерживается браузером Firefox.

selected:

Очень полезный атрибут, который указывает, какой вариант должен быть выбран автоматически при загрузке страницы. Если он не установлен, по умолчанию покажется первый пункт из списка. И если пользователь ничего не изменит, именно этот вариант будет отправлен на сервер как значение формы. Возможные значения логического атрибута selected:

<option selected><option selected=""><option selected="selected">

value:

Определяет значение пункта списка, которое будет передано на сервер вместе с именем выбранного элемента формы.

Кроме того, тег <option> поддерживает и другие полезные возможности.

<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option></select>