Exemplo
Criar uma lista drop-down com quatro opções:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Tente você mesmo " Definição e Uso
O <select> elemento é usado para criar uma lista drop-down.
Os <option> tag dentro do <select> elemento definir as opções disponíveis na lista.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <select> | sim | sim | sim | sim | sim |
Dicas e Notas
Dica: O <select> elemento é um controle de formulário e pode ser usado em um formulário para coletar entrada do usuário.
Diferenças entre HTML 4.01 e HTML5
HTML5 acrescentou alguns novos atributos.
Atributos
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| autofocus | autofocus | Especifica que a lista drop-down deve receber automaticamente o foco quando a página é carregada |
| disabled | disabled | Especifica que uma lista drop-down deve ser desativado |
| form | form_id | Define uma ou mais formas do campo select pertence |
| multiple | multiple | Especifica que várias opções podem ser selecionadas de cada vez |
| name | name | Define um nome para a lista drop-down |
| required | required | Especifica que o usuário é obrigado a selecionar um valor antes de enviar o formulário |
| size | number | Define o número de opções visíveis em uma lista drop-down |
Atributos globais
O <select> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <select> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
HTML DOM de referência: Select Object
CSS Tutorial: Estilo Forms
Configurações CSS padrão
Nenhum.