<option>

Opção

Definição:

A tag <option> vem do inglês option e significa opção.

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

A tag deve ser utilizada no contexto de um formulário definido pela tag <form> e da definição de uma caixa de seleção dada pela tag <select>.

O texto colocado entre as tags <option> e </option> será mostrado na caixa de seleção e poderá ser selecionado pelo usuário.

Suporte:

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

Dicas:

O atributo label serve como uma substituição ao texto colocado entre as tags <option> e </option>. Este atributo funciona corretamente no Internet Explorer, o FireFox no entanto parece ignorar seu valor.

Opções podem ser agrupadas através da tag <optgroup>, o que ajuda na categorização das opçõoes.

Exemplo:

Código Resultado

Selecione uma cidade:
<select>
<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, title

Atributos Opcionais:

Atributo Valor Descrição
disabled disabled Se este atributo for especificado, a opção será desabilitada e o usuário não poderá selecioná-la.
label texto Especifica o texto a ser apresentado como opção. No Internet Explorer este atributo irá sobreescrever qualquer texto colocado entre <option>  e </option>. O FireFox não obedece este atributo.
selected selected Se este atributo for especificado, esta opção será automaticamente mostrada ou selecionada. Se a tag <select> não possuir o atributo multiple definido, uma única opção na  caixa de seleção pode ter este atributo, ou seja, é inválido ter mais de uma opção do mesmo controle selecionados se o controle não permitir seleções múltiplas.
value texto Especifica o valor da opção a ser enviado para o servidor quando o formulário for submetido.

Eventos Associados:

onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup