Manual de referência HTML

大全 de rótulos HTML

HTML: <small> etiqueta HTML: <section> etiqueta

HTML: <select> etiqueta

O elemento <select> HTML representa um controle, cria uma lista suspensa, permitindo que o usuário escolha. Esses valores suspensos são definidos por uma série de rótulos <option> dentro do rótulo <select>. Este rótulo também é conhecido como elemento <select>.

Exemplo online

Crie uma lista suspensa com várias opções:

Exemplo

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso do rótulo HTML select (Tutorial básico da web oldtoolbag.com)</title>
</head>
<body>
<label for="pet-<select>Escolha um animal de estimação:</label>
<select name="pets" id="pet-select>
　　　　<option value="">--Por favor, escolha uma opção--</option>
　　　　<option value="dog">Cão</option>
　　　　<option value="cat">Gato</option>
　　　　<option value="hamster">Hamster</option>
　　　　<option value="parrot">Papagaio</option>
　　　　<option value="spider">Aranha</option>
　　　　<option value="goldfish">Peixe dourado</option>
</select>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam o rótulo <select>.

Definição e instruções de uso do rótulo

O elemento <select> é usado para criar uma lista suspensa.
Dentro do elemento <select> <option> Etiquetas, essas etiquetas fornecem uma lista de valores suspensos, opções disponíveis.

Por padrão, a primeira opção do marcador <select> será exibida como o item selecionado. O usuário pode escolher outra opção na lista suspensa.

Dicas e Notas

Dica:O elemento <select> é um controle de formulário que pode ser usado para aceitar entradas do usuário em um formulário.

HTML 4.01 e HTML5as diferenças entre

HTML5 Adicionou alguns novos atributos.

Atributo

Novo: HTML5 novo atributo adicionado.

Atributo	Valor	Descrição
autofocusHTML5	autofocus	Define que a lista suspensa obtenha o foco automaticamente ao carregar a página.
disabled	disabled	Quando este atributo é true, a lista suspensa será desativada.
formHTML5	form_id	Define um ou mais formulários aos quais o campo select pertence.
multiple	multiple	Quando este atributo é true, múltiplas opções podem ser selecionadas.
name	text	Define o nome da lista suspensa.
requiredHTML5	required	Define que o usuário deve selecionar uma opção na lista suspensa antes de submeter o formulário.
size	number	Define o número de opções visíveis na lista suspensa.

Atributos Globais

O <select> etiqueta suporta Atributos Globais do HTML.

Atributos de Evento

O <select> etiqueta suporta Atributos de Evento do HTML.