Выпадающие списки

Выпадающие списки - это еще один способ дать пользователю возможность выбрать один из нескольких вариантов. Когда бы вы использовали раскрывающийся список? Поскольку первый элемент в списке обычно является выбором по умолчанию, использование раскрывающегося списка может быть хорошим выбором, если вы знаете, что определенный параметр часто выбирается среди других параметров. Раскрывающийся список следует использовать только тогда, когда пользователь должен выбирать между вариантами, так как раскрывающийся список не дает пользователю возможности ничего не выбирать (как это делают переключатели).

Выпадающие списки определяются тегом<select> и значения, отправляемые вам (по электронной почте или в вашу базу данных), определяются атрибутом value.

<form method="post">
	<select name="Icecream Flavours">
		<option value="double chocolate">Double Chocolate</option>
		<option value="vanilla">Vanilla</option>
		<option value="strawberry">Strawberry</option>
		<option value="caramel">Caramel</option>
	</select>
</form>

Если вы хотите, чтобы другой элемент был выбран вместо первого в списке, вы используете выбранный атрибут. HTML5 позволяет сократить разметку при использовании выбранного атрибута, поэтому вместо записи

<option value="strawberry" selected="selected">Strawberry</option>

Вы можете написать так:

<form>
	<select name="Icecream Flavours">
		<option value="double chocolate">Double Chocolate</option>
		<option value="vanilla">Vanilla</option>
		<option value="strawberry" selected>Strawberry</option>
		<option value="caramel">Caramel</option>
	</select>
</form>