Html option

Html option

Neste artigo HTML veremos como usar o elemento HTML chamado de tag <option>

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

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

A tag <option> pode ser usada sem nenhum atributo, mas normalmente você precisa do atributo value , que indica o que é enviado ao servidor no envio do formulário.

Veja o exemplo no código

  <label for="frontend">Artigos: </label>

  <select id="frontend">
    <option value="html5">HTML5</option>
    <option value="css3">CSS3</option>
    <option value="javascript">JavaScript</option>
    <option value="jQuery">jQuery</option>
  </select>

 Atributos

disabled – Valor booleano que indica que o usuário não pode interagir com a opção.

label – O rótulo que descreve a opção na lista suspensa. Se o rótulo não for fornecido, o valueatributo será usado em seu lugar.

selected – Valor booleano que indica se esta opção está selecionada inicialmente. Por padrão, apenas uma opção pode ter o selectedatributo. No entanto, se o multipleatributo estiver definido na tag <select> , mais de uma <option> poderá ter o selectedatributo.

value – O valor enviado quando o formulário é enviado se a opção tiver sido selecionada na lista suspensa.

Neste artigo abordamos sobre a tag Html option.