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: