Etichetta HTML | Spiegato

Durante la creazione di un modulo, è necessario aggiungere didascalie per gli elementi del modulo in modo che gli utenti sappiano cosa fornire o immettere nei componenti, come casella di testo, casella di controllo, pulsanti di radio e altro ancora. Più specificamente, HTML offre un “etichetta"Tag per rendere la pagina web più interattiva. Utilizzando questo tag, la didascalia aggiunta migliorerà anche l'usabilità complessiva e l'accessibilità della pagina Web collegandolo con l'elemento corrispondente.

Questo articolo spiegherà il tag dell'etichetta con i suoi vantaggi.

Prima di saltare nella discussione, discutiamo di un esempio pratico di come funziona un tag dell'etichetta in HTML.

Cosa succede quando si crea una pagina Web senza un tag dell'etichetta?

Nella sezione Codice seguente, l'elemento corporeo HTML di allineamento di testo complessivo è "centro", Che allineerà i testi all'interno del centro. "Nome di battesimo:"Viene aggiunto come una didascalia semplice senza un tag dell'etichetta. Quindi, aggiungi il tag con l'attributo "tipo"E impostalo come"testo"Per aggiungere una casella di input che accetta solo il testo.

Html

Nome di battesimo:

Si può osservare che quando abbiamo fatto clic sull'etichetta aggiunta, la casella di testo non mostra alcuna risposta:

Ora, guarda la sezione di seguito per comprendere lo scopo e l'uso delle etichette HTML.

Cos'è il tag dell'etichetta HTML?

In parole semplici, un'etichetta è anche nota come didascalia. Nel modulo HTML, vengono aggiunte i didascalie con i controlli del modulo di input in modo che l'utente sappia cosa si prevede che entreranno nel campo specifico. Il vantaggio principale dei tag dell'etichetta è l'accessibilità, poiché la didascalia è visibile all'utente e a livello di programmazione associata ai controlli del modulo di input.

Sintassi

La sintassi del tag dell'etichetta associato a un tag è descritta di seguito:

Didascalia

Ecco la descrizione dei componenti di sintassi sopra indicati:

• "per"L'attributo del tag dell'etichetta dovrebbe essere uguale all'attributo ID del tag di input. Perché sono associati l'uno all'altro.
• "tipo"L'attributo è impostato come"testo"Solo per ottenere il valore del tipo di testo.

Come creare un'etichetta in HTML?

Per creare un elemento dell'etichetta HTML, utilizzare il “"Tag con un tag. Imposta il tipo di campo di input come "testo"E specificare l'ID del campo di input come valore del"per"Attributo.

Html

Nome di battesimo

In questo caso, quando viene fatto clic sul testo aggiunto, il controllo viene commutato al campo di input. Ciò indica che la didascalia è associata alla casella di testo:

Suggerimento bonus

Puoi anche avvolgere un tag attorno agli elementi di controllo del modulo. Tuttavia, in questo caso, non è necessario utilizzare il "per" E "id"Attributi usati nell'esempio sopra:

Nome di battesimo:

Abbiamo compilato le informazioni essenziali relative all'utilizzo delle etichette HTML.

Conclusione

L'etichetta HTML, nota anche come didascalia, può essere utilizzata in collaborazione con l'elemento di input. Fornisce una migliore accessibilità e migliora l'usabilità complessiva della pagina Web. Per utilizzare un'etichetta, l'HTML ""Può essere aggiunto dove richiesto. Questo articolo ha spiegato l'elemento dell'etichetta HTML, la sua importanza e il suo utilizzo correlato.