<select>

Caixa de Seleção

Definição:

A tag <select> vem do inglês select e significa seleção.

Esta tag define um controle do tipo caixa de seleção, o qual permite o usuário selecionar um ou mais valores em uma lista.

A tag deve ser utilizada no contexto de um formulário definido pela tag <form> e deve conter pelo menos um valor definido pela tag <option>.

Suporte:

Netscape: 2.0
Internet Explorer: 2.0
Aceito nas especificações DTD: Estrito, Transicional e Frameset

Dicas:

Por padrão, quando a caixa de seleção apresenta apenas um valor. Também por padrão o usuário poderá selecionar apenas um valor na lista. Estas duas características podem ser modificadas através dos atributos multiple e size.

Se mais de uma seleção for enviada ao servidor, cada uma será enviada separadamente através de variáveis do mesmo nome. Cabe ao programa ou script recebendo estes valores interpretá-los corretamente.

Exemplo:

Código Resultado

Selecione uma cidade:
<select name="cidades" multiple="multiple" size="5">
<optgroup label="São Paulo">
<option value="1">Araraquara</option>
<option value="2">Assis</option>
</optgroup>
<optgroup label="Rio de Janeiro">
<option value="3">Angra dos Reis</option>
<option value="4">Búzios</option>
</optgroup>
</select>

 Selecione uma cidade:

Atributos Padrão:

class, dir, id, lang, style, tabindex, title

Atributos Opcionais:

Atributo Valor Descrição
disabled disabled Se este atributo for especificado, o controle será desabilitada e o usuário não poderá selecionar nenhuma das opções da caixa de seleção.
multiple multiple Se este atributo for especificado, o usuário poderá selecionar mais de um valor na lista. Em geral para selecionar mais de um valor é necessário que o usuário pressione as teclas shift ou ctrl enquanto clicando com o botão do mouse.
name nome Especifica um identificador único para o controle. Este será o nome da variável passada para o servidor.
size número Especifica o número de opções mostradas pelo controle ao mesmo tempo.

Eventos Associados:

onblur, onchange, onfocus