<select> (від англ. selection — вибір) дозволяє створити елемент інтерфейсу у вигляді списку, що розкривається, а також список з одним або множинним вибором. Кінцевий вигляд залежить від використання атрибута size, який визначає висоту списку. Ширина списку визначається найширшим текстом, вказаним в елементі <option>, а також може змінюватися за допомогою стилів. Кожен пункт створюється за допомогою елемента <option>, який має бути вкладений у контейнер <select>. Якщо планується надсилати дані списку на сервер, потрібно помістити <select> всередину форми. Це також необхідно, коли до даних списку йде звернення через скрипти.
Список множинного вибору | Список, що розкривається |
Синтаксис
<select> <option>Пункт 1</option> <option>Пункт 2</option> </select>
Закриваючий тег
Обов'язковий.
Атрибути
- autofocus
- Встановлює, що список отримує фокус після завантаження сторінки.
- disabled
- Блокує доступ та зміну елемент.
- form
- Пов'язує список із формою.
- multiple
- Дозволяє одночасно вибирати відразу кілька елементів списку.
- name
- Ім'я елемента для надсилання на сервер або звернення через скрипти.
- required
- Список обов'язковий для вибору перед відправкою форми.
- size
- Кількість рядків списку, що відображаються. .
Також для цього елемента доступні універсальні атрибути та події.
Приклад
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>SELECT</title> </head> <body> <form action="select1.php" method="post"> <p><select size="3" multiple name="hero[]"> <option disabled>Виберіть героя</option> <option value="Чебурашка">Чебурашка</option> <option selected value="Крокодил Гена">Крокодил Гена</option> <option value="Шапокляк">Шапокляк</option> <option value="Щур Лариса">Щур Лариса</option> </select></p> <p><input type="submit" value="Надіслати"></p> </form> </body> </html>
Специфікація
Специфікація | Статус |
---|---|
WHATWG HTML Living Standard | Живий стандарт |
HTML5 | Рекомендація |
HTML 4.01 Specification | Рекоменда ція |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
3 | 12 | 1 | 3.5 | 1 | 1 |
1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якою елемент підтримується.