Tag select

A tag select cria uma lista suspensa para uso em formulários HTML.

Um item individual da lista deve ser armazenado na tag option.

Atributos

Atributo	Descrição
multiple	A presença deste atributo cria um multisseleção - uma lista suspensa na qual vários itens podem ser selecionados, mantendo pressionada a tecla Ctrl ou destacando-os com o mouse. Atributo opcional.
name	O nome da lista suspensa. Necessário para recuperar os dados do campo de entrada em PHP. Para o funcionamento correto do formulário, os nomes dos campos de entrada não devem coincidir uns com os outros (em um mesmo formulário). Se coincidirem - em PHP chegarão os dados do campo de entrada que estiver mais abaixo no código HTML.

Exemplo

Vamos ver como funciona uma lista suspensa:

:

Exemplo

Vamos fazer a largura da lista suspensa igual à largura do maior elemento (se ela não for explicitamente definida usando a propriedade CSS width):

:

Exemplo . Seleção padrão

E agora vamos tentar selecionar uma cidade por padrão. Vamos fazer isso usando o atributo selected:

:

Exemplo . Multisseleção

Vamos agora transformar um select comum em uma multisseleção usando o atributo multiple:

:

Observe que o nome do select, definido no atributo name, deve estar com colchetes no final. Isto é necessário para que em PHP cheguem todos os valores selecionados (caso contrário, apenas um será recebido - o último).

Exemplo . Vários valores padrão na multisseleção

E agora, na multisseleção por padrão, vamos tentar selecionar mais de um valor:

:

Veja também