A tag <select> cria um menu de opções em formato de lista suspensa (dropdown).
A tag <select> funciona como um contêiner. Cada item da lista é definido pela tag
<option>. O atributo value da tag <option> contém o valor que
será enviado ao servidor.
<label for="estado">Estado:</label>
<select id="estado" name="estado">
<option value="">Selecione...</option>
<option value="sp">São Paulo</option>
<option value="rj" selected>Rio de Janeiro</option>
<option value="mg">Minas Gerais</option>
</select>multiple: Permite que o usuário selecione várias opções (geralmente segurando a tecla Ctrl
ou Command).size: Define quantas opções ficam visíveis de uma vez. Se for maior que 1, a lista pode
perder a aparência de dropdown.selected (no <option>): Define qual opção virá pré-selecionada.<optgroup>A tag <optgroup> permite agrupar opções relacionadas dentro do select, com um título definido
pelo atributo label.
<select name="veiculo">
<optgroup label="Carros">
<option value="volvo">Volvo</option>
<option value="fiat">Fiat</option>
</optgroup>
<optgroup label="Motos">
<option value="honda">Honda</option>
<option value="yamaha">Yamaha</option>
</optgroup>
</select>