| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 3.0 + | 1.0 + | 4.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Тег <select> дозволяє створити елемент інтерфейсу у вигляді списку, а також список з одним або множинним вибором, як показано далі. Кінцевий вигляд залежить від використання атрибута size тега <select> , який встановлює висоту списку. Ширина списку визначається самим широким текстом, зазначеним в тезі <option> , а також може змінюватися за допомогою стилів. Кожен пункт створюється за допомогою тега <option> , який повинен бути вкладений в контейнер <select> . Якщо планується відправляти дані списку на сервер, то потрібно помістити елемент <select> всередину форми. Це також необхідно, коли до даних списку йде звернення через скрипти.
| Список множинного вибору | список, що розкривається |
Синтаксис
<select> <option> Пункт 1 </option> <option> Пункт 2 </option> </select>
Атрибути
- accesskey
- Дозволяє перейти до списку за допомогою деякого поєднання клавіш.
- autofocus
- Встановлює, що список отримує фокус після завантаження сторінки.
- disabled
- Блокує доступ і зміна елемента.
- form
- Пов'язує список з формою.
- multiple
- Дозволяє одночасно вибирати відразу кілька елементів списку.
- name
- Ім'я елемента для відправки на сервер або звернення через скрипти.
- required
- Список обов'язковий для вибору перед відправкою форми.
- size
- Кількість відображуваних рядків списку.
- tabindex
- Визначає послідовність переходу між елементами при натисканні на клавішу
Також для цього тега доступні універсальні атрибути і події .
Закриваючий тег
Обов'язковий.
Приклад
HTML5 IE Cr Op Sa Fx
<!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>