Tag etichetta in HTML
In questo articolo, ti mostrerò come utilizzare il tag label in HTML, questo è un tag utilizzato per creare etichette per gli oggetti nel modulo.
1. Qual è l'etichetta dell'etichetta?
Il tag label in html ha l'effetto di impostare un'etichetta per descrivere il tag di input. In sostanza, il tag dell'etichetta non mostra nulla di speciale all'utente. Tuttavia, quando si fa clic sul contenuto all'interno del tag dell'etichetta, il puntatore del mouse passerà automaticamente all'elemento rappresentato dal tag dell'etichetta.
<label for="id"></label>Nota : l'attributo for del tag label deve essere uguale all'id del tag di input che rappresenta.
È possibile utilizzare un tag span, un tag p o qualsiasi altro tag per circondare il tag dell'etichetta. Puoi anche usare i CSS per personalizzare l'aspetto.
2. Come utilizzare il tag etichetta in HTML
Ad esempio , utilizzare il tag label per creare etichette per i tag di input.
<!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. L'attributo for dell'etichetta .tag
Come ho detto, l'attributo for del tag label ha l'effetto di puntare al tag di input che rappresenta. Il suo valore deve corrispondere all'ID di quel tag di input, quindi quando si fa clic sull'etichetta, il cursore salterà automaticamente al tag di input.
Esempio: utilizzare l'attributo for per il tag dell'etichetta.
<!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> 
