HTML | <optgroup> Тег

Опубликовано: 1 Марта, 2022

Этот тег используется для создания группы параметров одной и той же категории в раскрывающемся списке. Тег <optgroup> требуется, когда существует длинный список элементов.
Синтаксис:

 <optgroup>
      <option> .. </option>
        .
        .
</optgroup>

Атрибуты:

  • label : используется для указания метки для optgroup.
  • disabled : используется для отключения группы опций в списке.

Example 1: 

html

<!DOCTYPE html>
<html>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>HTML optgroup Tag</h2>
    <select>
        <!-- optgroup tag starts -->
            <optgroup label="Programming Languages">
                <option value="C">C</option>
                <option value="C++">C++</option>
                <option value="Java">Java</option>
            </optgroup>
            <optgroup label="Scripting Language">
                <option value="JavaScript">JavaScript</option>
                <option value="PHP">PHP</option>
                <option value="Shell">Shell</option>
            </optgroup>
        <!-- optgroup tag ends     -->
        </select>
</body>
 
</html>

Выход:

Example 2: 

html

<!DOCTYPE html>
<html>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>HTML optgroup Tag</h2>
    <select>
        <!-- optgroup tag starts -->
            <optgroup label="Programming Languages">
                <option value="C">C</option>
                <option value="C++">C++</option>
                <option value="Java">Java</option>
            </optgroup>
            <optgroup label="Scripting Language" disabled>
                <option value="JavaScript">JavaScript</option>
                <option value="PHP">PHP</option>
                <option value="Shell">Shell</option>
            </optgroup>
        <!-- optgroup tag ends -->
        </select>
</body>
 
</html>

Выход:

Поддерживаемый браузер:

  • Гугл Хром
  • Internet Explorer
  • Fire Fox
  • Опера
  • Сафари