tutoriais mais recente desenvolvimento web
 

HTML <option> Tag


Exemplo

A lista drop-down com quatro opções:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
Tente você mesmo "

Definição e Uso

O <option> tag define uma opção em uma lista de seleção.

<option> elementos vão dentro de um <select> ou <datalist> elemento.


Suporte a navegadores

Elemento
<option> sim sim sim sim sim

Dicas e Notas

Nota: O <option> tag pode ser utilizado sem quaisquer atributos, mas geralmente é necessário o value atributo, que indica o que é enviado para o servidor.

Dica: Se você tem uma longa lista de opções, você pode agrupar opções com o relacionado <optgroup> tag.


Atributos

Atributo Valor Descrição
disabled disabled Especifica que uma opção deve ser desativado
label text Especifica um rótulo mais curto para uma opção
selected selected Especifica que uma opção deve ser pré-selecionado quando a página é carregada
value text Especifica o valor a ser enviado para um servidor

Atributos globais

O <option> tag também suporta o Global de Atributos em HTML .


Atributos de eventos

O <option> tag também suporta o evento Atributos em HTML .


Páginas relacionadas

Referência HTML DOM: Objeto Opção


Configurações CSS padrão

Nenhum.