Просмотров: 2 141

Элемент Select. Как сделать выпадающий список на HTML.

Посмотрите на следующий выпадающий список.

Этот список становится возможным создать с помощью языка HTML. Давайте рассмотрим код, который за это отвечает.

<select>
 <option>Пункт 1</option>
 <option>Пункт 2</option>
 <option>Пункт 3</option>
 </select>

Итак за создание самого списка отвечает элемент select, а за пункты, которые будут выпадать элемент option.

Вполне возможно, что вам может понадобиться сделать так, чтобы по умолчанию у вас был выбран не «Пункт 1», который идет первый по списку, а скажем «Пункт 3». Для этой цели можно воспользоваться атрибутом selected.

Вот как будет выглядеть код:

<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
<option selected>Пункт 3</option>
</select>

Посмотрите, как это работает теперь.