Довідники HTML5 select

Що таке select в HTML5?

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>
Результат:

Коментарі
Додати коментар

Поки що коментарів немає