Etiqueta de etiqueta em HTML
Neste artigo, mostrarei como usar a tag label em HTML, esta é uma tag usada para criar rótulos para objetos no formulário.
1. O que é a etiqueta da etiqueta?
A tag label em html tem o efeito de definir um label para descrever a tag de entrada. Em essência, a etiqueta do rótulo não mostra nada de especial para o usuário. No entanto, ao clicar no conteúdo dentro da etiqueta do rótulo, o ponteiro do mouse saltará automaticamente para o elemento que a etiqueta do rótulo representa.
<label for="id"></label>Nota : O atributo for da tag label deve ser o mesmo que o id da tag de entrada que ela representa.
Você pode usar uma tag span, uma tag p ou qualquer outra tag para cercar a tag label. Você também pode usar CSS para personalizar sua aparência.
2. Como usar a etiqueta do rótulo em HTML
Por exemplo , use a tag label para criar rótulos para tags de entrada.
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vn</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <form action="/action_page.php"> <label>Name:</label> <input type="text" name="name"><br /> <label>Email:</label> <input type="text" name="email"><br /> </form> </body> </html>3. O atributo for da etiqueta .
Como eu disse, o atributo for da tag label tem o efeito de apontar para a tag de entrada que ela representa. Seu valor deve corresponder ao ID desse tag de entrada, então ao clicar no rótulo, o cursor saltará automaticamente para o tag de entrada.
Exemplo: Use o atributo for para a tag label.
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vn</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <form action="/action_page.php"> <label for="name">Name:</label> <input type="text" id="name" name="name"><br /> <label for="email">Email:</label> <input type="text" id="email" name="email"><br /> </form> </body> </html> Bài viết liên quan:
Dịch vụ thiết kế Wesbite
