Atributo <label> for do HTML

Etiqueta <label> de HTML

Definição e uso

for A propriedade define qual elemento do formulário o rótulo está vinculado.

Ligações implícitas e explícitas

O rótulo geralmente se liga ao controle do formulário de duas maneiras: como conteúdo do rótulo, o que é uma forma implícita, ou para o <label> sob o for O atributo nomeia um id de formulário alvo, o que é uma forma explícita.

Por exemplo, no XHTML:

Ligação explícita:

<label for="SSN">Número de Identificação:</label>
<input type="text" name="IdNum" id="IN" />

Ligação implícita:

<label>Data de Nascimento：<input type="text" name="DofB" /></label>

O primeiro rótulo liga explicitamente o texto "Número de Segurança Social:" e o controle de entrada de texto do número de segurança social do formulário ("SocSecNum"), seu for O valor da propriedade é o mesmo que o id do controle, ambos são SSN. O segundo rótulo ("Data de Nascimento:") não é necessário for A propriedade, bem como os controles relevantes, não precisam do atributo id; eles são implicitamente conectados colocando o <input> dentro do <label>.

Exemplo

Três botões de opção com rótulos:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Enviar">
</form>

Experimente você mesmo

Sintaxe

<label for="element_id">

Valor do atributo

Valor Descrição
element_id ID do elemento vinculado à tag.

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Etiqueta <label> de HTML