Exemplos
Sintaxe
1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
Um elemento selecionado com o multiple
atributo habilitado (verdadeiro) permite várias opções para enviar com um envio de formulário.
1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
Resultado
Suporte do navegador
O select
elemento é suportado em todos os navegadores modernos. Leia mais em caniuse.com.
Exibição de navegadores select
elementos de maneira diferente, dependendo de seu mecanismo de renderização. Dê uma olhada neste exemplo que mostra o mesmo select
elemento no Google Chrome (alimentado por Blink), Firefox (desenvolvido por Quantum) e Safari (desenvolvido por WebKit).
Atributos
A select
elemento suporta atributos globais em HTML. Os Atributos Globais são comuns a todos os elementos HTML e podem ser usados em todos eles (embora possam não ter muito efeito em alguns deles).
Além dos atributos globais, o select
elemento tem um grupo de outros atributos:
-
autocomplete
: Pressione para um formulário de preenchimento automático. -
disabled
: Se o controle de formulário está desabilitado ou não. -
form
: Associa oselect
com umform
elemento. -
multiple
: permite ou não vários valores. -
name
: o nome do elemento a ser usado para envios de formulário ou por meio da API form.elements. -
required
: Se oselect
é necessário para o envio do formulário. -
size
: Tamanho doselect
.
Contente
O select
O elemento oferece suporte a zero ou mais opções, optgroup e elementos de suporte a script.
Se a seleção de um valor for opcional, você pode querer incluir um campo vazio
no topo do seu
elemento.
- O
elemento é geralmente encontrado dentro de um
embora seja HTML perfeitamente válido ter um
em outro lugar.
- O
elemento é muito semelhante ao
elemento, já que ambos oferecem aos usuários vários
s para selecionar. No entanto,
é mais uma lista de sugerido opções e os usuários podem inserir seu próprio valor.