English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência HTML

大全 de rótulos HTML

HTML: <option> tag

No formulário web, o elemento HTML <option> é usado para definir os itens contidos nos elementos <select>, <optgroup> ou <datalist>. O <option> pode representar itens de menu em listas de itens em pop-ups e em outros documentos html.

Exemplo online

Crie uma lista de seleção com 3 lista de seleção de opções:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso do rótulo HTML option (Tutorial Básico da Web oldtoolbag.com)</title>
</head>
<body>
  <label for="tutorial_choice">Tutorials: </label>
  <select id="tutorial_choice">
    <option value="html">HTML</option>
    <option value="css">CSS</option>
    <option value="sql">SQL</option>
  </select>
</body>
</body>
</html>
Teste para ver ‹/›

Neste HTML5No exemplo de documento, usamos o marcador <select> para criar uma lista de três valores suspensoes-HTML, CSS e SQL. Esses valores serão exibidos como lista suspensa para a seleção do usuário.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

A maioria dos navegadores populares suporta o rótulo <option>.

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

A etiqueta <option> define uma opção (um item) na lista suspensa.

O conteúdo da etiqueta <option> é usado como <select> ou<datalist> Uso de um elemento.

Dicas e Notas

Dica: A etiqueta <option> pode ser usada sem qualquer atributo, mas geralmente é necessário usar o atributo value, que indica o conteúdo enviado para o servidor.

Nota: Este etiqueta deve ser usado em conjunto com o elemento select; caso contrário, não tem significado.

Dica: Se houver muitas opções na lista, você pode usar a etiqueta <optgroup> para agrupar opções relacionadas.

Atributo

AtributoValorDescrição
disableddisabledDefine que esta opção deve ser desativada no carregamento inicial.
labeltextDefine a marcação usada quando <optgroup> é utilizado.
selectedselectedDefine que a opção deve ser apresentada como selecionada no primeiro carregamento.
valuetextDefine o valor da opção enviada para o servidor.

Atributos globais

A etiqueta <option> suporta atributos globais, consulte a tabela de atributos completa Atributos globais HTML.

atributos de eventos

A etiqueta <option> suporta todos os Atributos de eventos HTML.