«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML


Тег <select> создает раскрывающийся список или список с определенным количеством видимых пунктов с возможностью выбора одного или нескольких значений.

Обязательным элементом является тег <option>, который располагается внутри тега <select> и создает каждый пункт списка.

Списки, созданные при помощи тегов <select> и <option>, часто применяются в формах (тег <form>).

Закрывающий тег

Обязателен


Атрибут Мultiple

Атрибут тега select - позволяет выбрать несколько пунктов списка с помощью мыши и клавиш Ctrl и Shift.

Значение/я атрибута:
Не имеет
Значение по умолчанию:
При отсутствии атрибута можно выбрать лишь один пункт списка.

Атрибут Name

Атрибут тега select - определяет имя списка.

Имя списка, при его использовании в форме (тег <form>), отправляется обработчику на сервер вместе с значением (или значениями) выбранного пункта списка (пункты создает тег <option>).

Значение/я атрибута:
Набор символов - цифры и буквы
Значение по умолчанию:
Не имеет

Атрибут Size

Атрибут size тега select - определяет количество отображаемых пунктов списка.

Значение/я атрибута:
Целое положительное число
Значение по умолчанию:
Зависит от атрибута Мultiple. Если он указан, то будут видны (в зависимости от браузера) все элементы списка или часть. В противном случае атрибут Size="1" и список будет раскрывающимся.
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег select </title>
</head>
<body>

<p> Каков Ваш выбор? </p>
<select name="Frukt">
<option>
Яблоко </option>
<option>
Груша </option>
<option>
Яблоко-Груша </option>
</select>
<p> Каков Ваш выбор? </p>
<select name=
"Yagoda" multiple>
<option>
Малина </option>
<option>
Клубника </option>
<option>
Земляника </option>
<option>
Ежевика </option>
<option>
Смородина </option>
</select>


</body>
</html>
Результат

Каков Ваш выбор?

Каков Ваш выбор?




Все теги HTML

HTML по шагам