Elemento HTML: selecione

Exemplos

Sintaxe

1
 name="name" required>
2
  value="1">John
3
  value="2">Jane
4
  value="3">Donald
5
  value="4">Chuck
6
  value="5">Leslie
7

Um elemento selecionado com o multiple atributo habilitado (verdadeiro) permite várias opções para enviar com um envio de formulário.

1
 multiple name="name" required>
2
  value="1">John
3
  value="2">Jane
4
  value="3">Donald
5
  value="4">Chuck
6
  value="5">Leslie
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).

selecionar elementos renderizados por diferentes navegadoresselecionar elementos renderizados por diferentes navegadoresselecionar elementos renderizados por diferentes navegadores
Todos os navegadores aqui estão no MacOS

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 o select com um form 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 o select é necessário para o envio do formulário.
  • size: Tamanho do select.

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 é geralmente encontrado dentro de um
embora seja HTML perfeitamente válido ter um 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.

Saber mais

Deixe uma resposta