Використання тега optgroup в html

Відео: Список, що випадає в HTML - Тег select в HTML і теги option і optgroup. # 39

Використання тега optgroup в HTML

У цій статті я напишу про дуже корисному тезі optgroup в HTML. Даний тег дозволяє виділити в окрему групу можливі варіанти в випадаючому списку select.




Давайте відразу продемонструю використання тега optgroup в HTML:

Відео: HTML5 уроки для початківців | # 12 - Підключення файлів (тег head)

name="Choice"gt;
label="Група 1"gt;
value="1"gt;елемент 1
value="2"gt;елемент 2
value="3"gt;елемент 3

label="Група 2"gt;
value="4"gt;елемент 4
value="5"gt;елемент 5
value="6"gt;елемент 6




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

Зрозуміло, якщо застосувати CSS, то можна кожну з груп ще як-небудь по-своєму прикрасити, це ще більше буде відокремлювати групи один від одного.

Поділися в соціальних мережах:

Схожі
Стилізація select на jаvascriptСтилізація select на jаvascript
Html 5 структурні елементиHtml 5 структурні елементи
Новий css3 псевдоклас - nth-child.Новий css3 псевдоклас - nth-child.
Html 5 матеріалів мультимедіаHtml 5 матеріалів мультимедіа
Як дозволити або заборонити виділяти текст на css.Як дозволити або заборонити виділяти текст на css.
Як задати css стильЯк задати css стиль
Мета-теги для пошукових систем в htmlМета-теги для пошукових систем в html
Bootstrap 4. Reboot.Bootstrap 4. Reboot.
Html 5 матеріалів рівня блокуHtml 5 матеріалів рівня блоку
Html 5 матеріалів рівня текстуHtml 5 матеріалів рівня тексту
» » Використання тега optgroup в html