/ Справочники / HTML5 / select

Информация по поводу - select


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

Ширина всего такого списка задается самими элементами option. Так ширина будет равна самому большому элементу option.

Атрибуты:
  • disabled - делает поле неактивным;
  • form - связывает поле с самой формой по её id;
  • name - устанавливает имя для поля;
  • required - делает поле обязательным для заполнения;
  • multiple - возможность выбрать сразу несколько элементов. При удерживании клавиши Shift или же Cntr вы можете выбирать несколько элементов.
Пример:
<select name="tags" multiple="multiple">
	<option disabled="disabled">Выберите автомобиль:</option>
	<option value="bmw">BMW</option>
	<option value="audi">Audi</option>
	<option value="Benz">Mercedes</option>
</select>
<br>
<select name="tags">
	<option disabled="disabled">Какой тег вы используете?</option>
	<option value="aside">Aside</option>
	<option value="main" selected="selected">Main</option>
	<option value="article">Article</option>
	<option value="footer">Footer</option>
</select>
Результат: