<option> – Елемент варіанту HTML

Елемент HTML <option> (варіант) використовується для визначення елемента, що вміщається в елементі <select>, <optgroup> або <datalist>. Таким чином, <option> може представляти елементи спливних меню та інших списків елементів у документі HTML.

Спробуйте його в дії

Атрибути

Цей елемент приймає глобальні атрибути.

disabled

Якщо заданий цей булів атрибут, то такий варіант не можна вибрати. Нерідко браузери виділяють його сірим, і він не отримує жодних браузерних подій штибу клацання мишею чи пов'язаних з фокусом. Якщо цей атрибут не задано, то елемент може все одно бути вимкнений, якщо одним з його предків є вимкнений елемент <optgroup>.

label

Цей атрибут – текст для підпису, що позначає значення варіанту. Якщо атрибут label не визначено, то його значення – це текстовий вміст елемента.

selected

Цей булів атрибут, якщо присутній, позначає те, що цей варіант на початку вибрано. Якщо такий елемент є нащадком елемента <select>, атрибут multiple якого не задано, то тільки один варіант цього <select> може мати атрибут selected.

value

Вміст цього атрибута представляє значення, що подається з формою, якщо цей варіант вибрано. Якщо цей атрибут відсутній, то значення береться з текстового вмісту елемента варіанту.

Оформлення засобами CSS

Оформлення елемента <option> – вельми обмежено. Варіанти не успадковують шрифт, заданий на батьківському елементі. У Firefox можна задати лише color і background-color, натомість у Chrome та Safari не можна задати жодних властивостей. Детальніше про оформлення можна дізнатися з нашого посібника з поглибленого оформлення форм.

Приклади

Дивіться приклади на сторінці <select>.

Технічний підсумок

Специфікації

Сумісність із браузерами

Дивіться також

• Інші елементи, пов'язані з формами: <form>, <legend>, <label>, <button>, <select>, <datalist>, <optgroup>, <fieldset>, <textarea>, <input>, <output>, <progress> і <meter>.