Usando o Elemento Select para Menus Suspensos

O elemento <select> é utilizado para criar uma lista suspensa de opções para o usuário escolher. Ele é normalmente empregado em formulários onde o usuário precisa selecionar a partir de um conjunto predefinido de opções. É sempre utilizado em conjunto com elementos <option>. Os elementos <option> definem os itens individuais na lista suspensa.

O elemento <select> também possui diversos atributos que podem ser utilizados para modificar seu comportamento, incluindo:

• name: o nome do elemento select, utilizado ao enviar o formulário;
• size: o número de opções visíveis na lista suspensa;
• multiple: se presente, permite ao usuário selecionar múltiplas opções;
• disabled: se presente, desabilita o elemento select.

Para dividir uma lista em grupos separados e independentes, você pode usar a tag <optgroup>. O atributo label é utilizado para atribuir um título ao grupo.

Observação

Por padrão, a primeira <option> é selecionada na lista. Se desejar alterar isso, você pode fornecer o atributo selected a qualquer elemento <option>.