ir para conteúdo

Treinamento de HTML

Componente de Select

O elemento HTML select (<select>) representa um controle que apresenta um menu de opções. As opções dentro do menu são representadas pelo elemento <option>, que podem ser agrupados por elementos <optgroup>. As opções podem ser pré-selecionadas para o usuário.

Observação: Os números mencionados nos exemplos, são as linhas do código fonte HTML.

Retornar para página principal

Exemplo Incorreto



<div role="menu">
<p>Escolha um meio de transporte </p>
<li tabindex="0" role="menuitem" value="moto">Motocicleta</li>
<li tabindex="0" role="menuitem" value="bike">Bicicleta</li>
</div>

Exemplo prático

Escolha um meio de transporte

  • Motocicleta
  • Bicicleta
  • Exemplo Correto

    
    
    <label for="zona">Zona de São Paulo</label>
    <select id="zona" name="zona" required>
    <option value="">Selecione</option>
    <option value="centro">Centro</option>
    <option value="leste">Leste</option>
    <option value="norte">Norte</option>
    <option value="oeste">Oeste</option>
    <option value="sul">Sul</option>
    </select>

    Exemplo prático

    Retornar para página principal