tutoriais mais recente desenvolvimento web
 

HTML <label> Tag


Exemplo

Três botões de rádio com etiquetas:

<form action="demo_form.asp">
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>
Tente você mesmo "

Definição e Uso

O <label> tag define um rótulo para um <input> elemento.

O <label> elemento não processar como algo especial para o usuário. No entanto, ele fornece uma melhoria usabilidade para os usuários do rato, porque se o usuário clica sobre o texto dentro do <label> elemento, ele alterna o controle.

O for atributo do <label> tag deve ser igual ao id atributo do elemento relacionado para ligá-los juntos.


Suporte a navegadores

Elemento
<label> sim sim sim sim sim

Dicas e Notas

Dica: Uma etiqueta pode ser ligado a um elemento ou usando o "for" atributo, ou colocando o elemento dentro do <label> elemento.


Diferenças entre HTML 4.01 e HTML5

A "form" atributo é novo em HTML5.


Atributos

= Novo em HTML5.

Atributo Valor Descrição
for element_id Especifica qual elemento forma um rótulo é obrigado a
form form_id Especifica uma ou mais formas o rótulo pertence

Atributos globais

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


Atributos de eventos

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


Páginas relacionadas

Referência HTML DOM: objeto de etiqueta


Configurações CSS padrão

A maioria dos navegadores irá exibir o <label> elemento com os seguintes valores padrão:

Exemplo

label {
    cursor: default;
}
Tente você mesmo "