тег select

Тег SELECT дозволяє створити елемент інтерфейсу у вигляді списку, а також список з одним або множинним вибором, як показано далі. Кінцевий вигляд залежить від використання параметра size тега SELECT. який встановлює висоту списку. Ширина списку визначається самим широким текстом, зазначеним в тезі OPTION. а також може змінюватися за допомогою стилів. Кожен пункт створюється за допомогою тега OPTION. який повинен бути вкладений в контейнер SELECT. Якщо планується відправляти дані списку на сервер, то потрібно помістити елемент SELECT всередину форми. Це також необхідно, коли до даних списку йде звернення через скрипти.

синтаксис



закриває тег
Обов'язковий.

параметри
disabled - блокує доступ і зміна елемента.
multiple - дозволяє вибрати кілька параметрів зі списку.
name - ім'я елемента для відправки на сервер або звернення через скрипти.
size - кількість відображуваних рядків списку.

Приклад 1. Використання тега SELECT

Опис параметрів тега SELECT

параметр DISABLED

опис
Блокує доступ і зміна елементів списку.

синтаксис

Значення за замовчуванням
За замовчуванням цей параметр вимкнений.

Приклад 2. Блокування списку





параметр MULTIPLE

опис
Наявність параметра multiple повідомляє браузеру відображати вміст елемента SELECT як список множинного вибору. Кінцевий вигляд списку залежить від використовуваного параметра size. Якщо він відсутній, то висота списку дорівнює кількості пунктів, якщо значення size менше, ніж число пунктів, то з'являється вертикальна смуга прокрутки. Коли size = 1 список перетворюється «крутилку», як показано нижче, але вибирати за допомогою неї одночасно кілька пунктів списку незручно.

Для вибору декількох значень списку застосовуються клавіші і спільно з курсором миші.

Параметр size відсутній

Параметр size дорівнює 1

синтаксис

Значення за замовчуванням
За замовчуванням цей параметр вимкнений.

Приклад 3. Список множинного вибору





параметр NAME

опис
Визначає унікальне ім'я елемента SELECT. Як правило, це ім'я використовується для доступу до даних через скрипти.

синтаксис

Значення за замовчуванням
Ні.

Приклад 4. Звернення до елементу списку




параметр SIZE

опис
Встановлює висоту списку. Якщо значення параметра size дорівнює одиниці, то список перетворюється в розкривається. При додаванні параметра multiple до тегу SELECT при size = 1 список відображається як «крутилка». У всіх інших випадках виходить список з одним або множинним вибором.

синтаксис

аргументи
Будь-яке позитивне ціле число.

Значення за замовчуванням
Залежить від параметра multiple. Якщо він присутній, то розмір списку дорівнює кількості елементів. Коли параметра multiple немає, то за замовчуванням значення параметра size дорівнює 1.

Приклад 5. Висота списку





Матеріал взято з сайту htmlbook.ru

Схожі статті