Elemento Select

O elemento <select> é utilizado para criar uma lista suspensa de opções para o usuário escolher. É tipicamente usado em formulários onde o usuário precisa escolher entre um conjunto predefinido de opções. Ele é sempre usado 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 que o usuário selecione múltiplas opções;
• disabled - Se presente, desabilita o elemento select.

Para dividir uma lista em grupos separados e não relacionados, podemos usar a tag <optgroup>. O atributo label é utilizado para atribuir um título ao grupo.

Nota

Por padrão, a primeira <option> é selecionada na lista. Se quisermos alterá-la, podemos fornecer o atributo selected a qualquer elemento <option>.