HTML5 - Elementos select e option

O elemento select permite uma ou mais opções em um menu onde cada opção é representada por um elemento option. Seusprincipais atributos name, i e size funcionam da maneira que você já viu no elmento input. O atributo multiple permite ao usuário indicar mais de uma opção.

O elemento option permite o atributo selected, que, quando marcado, deixa a opção correspondente pré-selecionada.


Como um menu


<label for="instrumento"> Escolha seu instrumento</label>
<select name="instrumento" id="instrumento">
  <option value="trp">trompete</option>
  <option value="tpa">trompa</option>
  <option value="tbn">trombone</option>
  <option value="tub">tuba</option>
</select>

Como uma lista com múltiplas escolhas



<p>
<select name="compositor" id="compositor" size="3" multiple="multiple">
 <option value="bach">Bach</option>
 <option value="mozart">Mozart</option>
 <option value="villa" selected="selected">Villa Lobos</option>
</select>
</p>