Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.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 |
Опис
Тег <option> визначає окремі пункти списку, що створюється за допомогою контейнера <select> . Ширина списку визначається самим широким текстом, зазначеним в тезі <option> , а також може змінюватися за допомогою стилів. Якщо планується відправляти дані списку на сервер, то потрібно помістити елемент <select> всередину форми. Це також необхідно, коли до даних списку йде звернення через скрипти.
Синтаксис
<select> <option> Пункт 1 </option> <option> Пункт 2 </option> </select>
Атрибути
- disabled
- Заблокувати для доступу елемент списку.
- label
- Вказівка мітки пункту списку.
- selected
- Заздалегідь встановлює певний пункт списку виділеним.
- value
- Значення пункту списку, яке буде відправлено на сервер або прочитано за допомогою скриптів.
Також для цього тега доступні універсальні атрибути і події .
Закриваючий тег
Чи не обов'язковий.
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> Тег OPTION </title> </head> <body> <form action="option1.php"> <p> <select size="3" name="hero"> <option disabled> Виберіть героя </option> <option value="t1" selected> Чебурашка </option> <option value="t2"> Крокодил Гена </option> <option value="t3"> Шапокляк </option> <option value="t4"> Щур Лариса </option> </select> </p> <p> <input type="submit" value="Надіслати"> </p> </form> </body> </html>