Выпадающий список

Когда вариантов много, выпадающий список экономит место. Мы создаём его элементом select, а каждый вариант в нём — элементом option.

У каждого option есть атрибут value, который отправляется вместе с формой, а его содержимое — текст, который видит пользователь. Атрибуты name и id и подпись относятся к элементу select, как и у обычного поля. В отличие от input, у select есть закрывающий тег, потому что варианты находятся внутри него.

<label for="input-pizza">Пицца</label>
<select name="pizza" id="input-pizza">
	<option value="margherita">Маргарита</option>
	<option value="salami">Салями</option>
	<option value="hawaii">Гавайская</option>
</select>

Этот код выглядит так:

Если пользователь выбрал «Салями», форма отправит pizza=salami.

В нашей форме пользователь будет выбирать курс, на который хочет записаться.