1.8.10.3 Раскрывающийся список

Для создания раскрывающегося списка используют тег <select>. Тип отображения по умолчанию inline-block. Более подробно мы поговорим об этом типе отображения в курсе по CSS. На данный момент единственное, что вам нужно знать, что элементы с типом отображения inline-block ведут себя так же, как и элементы с типом отображения inline. У этого тега есть несколько атрибутов: name, size, multiple. Атрибут name мы рассматривали в предыдущем разделе. Атрибут size отвечает за то, сколько строк списка будет одновременно отображено. В качестве значения туда пишется целое положительное число. Атрибут multiple отвечает за то, можно ли выбрать сразу несколько вариантов из списка (как checkbox). Значения у него нет, поэтому если нужно сделать так, чтобы пользователь мог выбрать несколько вариантов, просто добавьте этот атрибут в тег.

Каждый элемент списка выделяется в тег <option>. Тип отображения по умолчанию block. Так же, как и с <input type="checkbox"> и <input type="radio"> нужно указывать атрибут value со значением, которое будет отправлено на сервер.

<select name="..." size="..." multiple>
    <option value="...">Элемент списка 1</option>
    <option value="...">Элемент списка 2</option>
    ...
    <option value="...">Элемент списка N</option>
</select>