Latest web development tutorials

tag HTML <label>

Exemplos

Com dois campos de entrada e marcas relacionadas formulário HTML simples:

<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="提交">
</form>

tente »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A maioria dos navegadores suportam tag <label>.


definições e instruções tag

<Label> tag para o elemento de entrada define a etiqueta (tag).

Elementos de rotulagem não apresentam quaisquer efeitos especiais para o usuário. No entanto, é para os usuários do mouse para melhorar a usabilidade. Se você clicar sobre o texto dentro do elemento etiqueta, ele irá acionar esse controle. Ou seja, quando o usuário seleciona a guia, o navegador irá concentrar-se automaticamente para os controles de formulário associados e etiquetas.

atributos <Label> tag deve ser o mesmo para os elementos atributo id relacionados.


Dicas e Notas

Sugestão: "para" propriedade do rótulo ligado a outro elemento.Por favor, defina o valor "para" propriedade para o valor do atributo id dos elementos relacionados.


Diferenças entre HTML 4.01 e HTML5

"Form" atributo do HTML5 é a nova propriedade.


propriedade

Novo: HTML5 nova propriedade.

属性 描述
for element_id 规定 label 与哪个表单元素绑定。
form New form_id 规定 label 字段所属的一个或多个表单。


Propriedades globais

<Label> tag suporta os atributos globais, ver completar a folha de propriedades HTML Atributos globais .


Propriedades de evento

<Label> tag suporta todos os atributos de eventos HTML .