<label>

Rótulo do Controle no Formulário

Definição:

A tag <label> vem do inglês label e significa rótulo ou etiqueta.

Esta tag associa um rótulo ou etiqueta a textos dentro de um formulário definido por <form>. Cada controle no formulário só pode ser associado a um rótulo.

Suporte:

Netscape: 6.0
Internet Explorer: 4.0
Aceito nas especificações DTD: Estrito, Transicional e Frameset

Dica:

O uso de rótulos permite que controles dentro de um formulário sejam selecionados quando o usuário clica no respectivo texto daquele controle. Por exemplo, por padrão checkboxes e botões de rádio só são selecionados se o usuário clicar diretamente no controle. No entando se a tag <label> for definida para o texto apresentando junto com a checkbox ou com o botão de rádio, o respectivo controle será selecionado se o usuário clicar neste texto.

Exemplo:

Código Resultado
<form action="">Escolha um animal:<p><label><input type="radio" name="animais" />Macaco (com um rótulo)</label><br /><label><input type="radio" name="animais" id="onca" />Onça (com um rótulo)</label><br /><input type="radio" name="animais" />Jacaré (sem um rótulo)</p><p><label for="onca">Você também pode clicar aqui para selecionar uma Onça</label></p></form>

Escolha um animal:



Jacaré (sem um rótulo)

Atributos Padrão:

accesskey, class, dir, id, lang, style, title

Atributo Opcional:

Atributo Valor Descrição
for id_do_controle Especifica o id do controle ao qual este rótulo está associado. O id deve ser o mesmo usado para identificar o controle. Se este atributo não for especificado, o rótulo será associado ao controle definido entre as tags <label>  e </label>

Eventos Associados:

onblur, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup