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.
index.html
O elemento <select> também possui diversos atributos que podem ser utilizados para modificar seu comportamento, incluindo:
name: nome do elemento select, utilizado ao enviar o formulário;size: 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 não relacionados, utilize a tag <optgroup>. O atributo label é utilizado para atribuir um título ao grupo.
index.html
Por padrão, a primeira <option> é selecionada na lista. Para alterar isso, adicione o atributo selected a qualquer elemento <option>.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you show me an example of how to use the `<select>` element with options?
What does the `<optgroup>` tag look like in practice?
How do I use the `multiple` attribute with `<select>`?
Incrível!
Completion taxa melhorada para 2.38
Usando o Elemento Select para Menus Suspensos
Deslize para mostrar o menu
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.
index.html
O elemento <select> também possui diversos atributos que podem ser utilizados para modificar seu comportamento, incluindo:
name: nome do elemento select, utilizado ao enviar o formulário;size: 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 não relacionados, utilize a tag <optgroup>. O atributo label é utilizado para atribuir um título ao grupo.
index.html
Por padrão, a primeira <option> é selecionada na lista. Para alterar isso, adicione o atributo selected a qualquer elemento <option>.
Obrigado pelo seu feedback!