Tag <select>


A tag <select> é utilizada para criar listas de opções, comumente conhecidas como menus suspensos ou dropdowns. Essa tag oferece uma maneira eficiente de coletar informações do usuário por meio da seleção de uma ou mais opções de uma lista predefinida.

Atributos

Atributo name

Define o nome do elemento de formulário que será enviado ao servidor quando o formulário é submetido.

<select id="frutas" name="frutas">
  <!-- Opções aqui -->
</select>

Atributo multiple

Permite que o usuário selecione várias opções, transformando o <select> em uma lista de seleção múltipla.

<select id="cores" name="cores" multiple>
  <!-- Opções aqui -->
</select>

Atributo size

Define o número de opções visíveis sem a necessidade de rolar o menu. Útil principalmente para listas de seleção múltipla.

<select id="paises" name="paises" size="5">
  <!-- Opções aqui -->
</select>

Exemplo

<label for="frutas">Selecione uma fruta:</label>
<select id="frutas" name="frutas">
  <option value="maca">Maçã</option>
  <option value="banana">Banana</option>
  <option value="laranja">Laranja</option>
  <option value="uva">Uva</option>
</select>

Referências