Розкривні списки

Розкривний список — це список, з якого можна обрати одну або кілька позицій. Позицію обирають клацанням миші.

Меню з варіантами вибору створюється за допомогою контейнерного тегу <select>. Всередині цього тегу розміщуються контейнери <option> — по одному для кожної позиції списку.

Загальний вигляд:


<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <title>Форма реєстрації</title>
</head>
<body>
    <form>
        <div>
<select id="id0" name="name0" size="n" multiple="multiple">
  <option value="text1" selected="selected">
    Текст позиції 1
  </option>
  <option value="text2">
    Текст позиції 2
  </option>
  ...
</select>
 </div>           
    </form>
</body>
</html>

Приклад:

Розкривному списку можна надати ідентифікатор id, якщо його потрібно використовувати в сценаріях браузера. Якщо не потрібно — id не обов’язковий.

Атрибут size вказує кількість позицій, які видно одночасно. За замовчуванням показується лише одна позиція.

Якщо потрібно дозволити обрати кілька варіантів, у тегу <select> потрібно вказати атрибут multiple="multiple". Кілька позицій вибирають за допомогою Ctrl + клацання.

Позиції для виведення у розкривному списку задаються за допомогою тегу <option>. Кількість тегів <option> має дорівнювати кількості позицій у списку.

Текст між відкриваючим і закриваючим тегами <option> — це текст, який буде відображено в списку.

Атрибут value задає значення, яке буде надіслано при виборі відповідного варіанту.

Позиції у списку можна заздалегідь позначити як вибрані за допомогою атрибута selected="selected".

Назад Вперед Зміст