Главная → HTML → Тег <option>

Тег <option>

Общая информация

Тег <option> позволяет создавать элементы списков внутри тега-контейнера <select>. Количество элементов может быть неограниченно. Содержимым элемента может быть только текст CDATA (не теги) Длина поля списка будет задаваться самым длинным пунктом в списке.

Синтаксис

<select>
<option> Элемент списка 1</option>
<option> Элемент списка 2</option>
<option> Элемент списка 3</option>
</select>

<select>
   <option> Элемент списка 1</option>
   <option> Элемент списка 2</option>
   <option> Элемент списка 3</option>
</select>

Закрывающий тег - рекомендуется ставить.

Атрибуты

disabled - запрещает редактирование элемента
selected - по умолчанию делает значение в списке выделенным
value - значение элемента меню, которое будет использоваться при последующей обработке данных
label - задает метку элементу (пункту) списка

Примеры

Пример 1.

html:

<select>
<option value="1"> Элемент списка 1</option>
<option value="2"> Элемент списка 2</option>
<option value="3"> Элемент списка 3</option>
</select>

<select>
   <option value="1"> Элемент списка 1</option>
   <option value="2"> Элемент списка 2</option>
   <option value="3"> Элемент списка 3</option>
</select>

результат:

Добавить комментарий