Використання тега optgroup в html
Відео: Список, що випадає в HTML - Тег select в HTML і теги option і optgroup. # 39
У цій статті я напишу про дуже корисному тезі 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, то можна кожну з груп ще як-небудь по-своєму прикрасити, це ще більше буде відокремлювати групи один від одного.
Поділися в соціальних мережах:
Схожі
- Як правильно використовувати теги div, section і article.
- Як використовувати секційні елементи в html5.
- Як зробити багаторівневе меню-аккордіон на css3.
- Як задати css стиль
- Як дозволити або заборонити виділяти текст на css.
- Html 5 матеріалів мультимедіа
- Атрибути html5: reversed, contenteditable, hidden.
- Html 5 матеріалів рівня блоку
- Стилізація select на jаvascript
- Приховування елементів на css.
- Мета-теги в html
- Мета-теги для сторінки в html
- Bootstrap 4. Reboot.
- Slip.js - простий список з сортуванням і видаленням свайпамі.
- Html 5 структурні елементи
- Створення підказки
- Мета-теги для пошукових систем в html
- Списки html
- Html 5 інтерактивні елементи
- Новий css3 псевдоклас - nth-child.
- Створення таблиць в html