Html optgroup

Html noscript

Postado: 22 de junho de 2022 Tempo de Leitura: < 1 Minuto

Html optgroup

Neste artigo HTML veremos como usar o elemento HTML chamado de tag <optgroup>

A tag HTML <optgroup> cria um grupo de opções em uma lista suspensa de valores no controle <select> . Esses valores suspensos são definidos por uma série de tags <option> e agrupados usando a tag <optgroup>.

O label valor para o <optgroup> aparecerá como um título cinza acima dos itens agrupados dentro do controle <select>.

Veja o exemplo no código abaixo

  <label for="tutoriais">Tutoriais: </label>

  <select id="tutoriais">
    <optgroup label="Front-end">
      <option value="html5">HTML5</option>
      <option value="css3">CSS3</option>
    </optgroup>

    <optgroup label="Back-end">
      <option value="PHP">PHP</option>
      <option value="Mysql">Mysql</option>
    </optgroup>
  </select>

Veja o Resultado!

Tutoriais:

Observação

O elemento HTML <optgroup> é encontrado na tag <body> . A tag <optgroup> geralmente é encontrada dentro da tag <select> .
A tag <optgroup> organiza um conjunto de tags <option> em um grupo de opções com um cabeçalho de grupo.
O labelvalor do <optgroup> aparecerá como um título cinza. Todos os itens agrupados aparecerão abaixo do título como uma lista recuada de opções.
Por padrão, a primeira opção na tag <select> aparecerá como o item selecionado. O usuário pode selecionar outra opção na lista suspensa.

Neste artigo abordamos sobre a tag Html optgroup.

Publicado por: Loop Nerd

445 Visualizações

Html optgroup

Html option

Html noscript

Deixe um comentário Cancelar resposta