Vertieftes Verständnis der Rolle und Verwendung von Labels in HTML (Code im Anhang)

Bei der Arbeit werden Etiketten-Tags häufig verwendet. Viele Anfänger ignorieren Etiketten-Tags beim Lernen, und einige Leute haben nur wenig Wissen über Etiketten-Tags. Lassen Sie uns darüber sprechen Etikett bedeutet? Was nützt ein Etikettenetikett?

Sie werden auf die Verwendung von Label-Tags im Formularlayout stoßen. Tatsächlich hat Label keinen Stileffekt und hat die Funktion, das entsprechende Formularsteuerelement auszulösen. Wenn wir beispielsweise auf das Optionsfeld oder den Text klicken, der dem Mehrfachauswahlfeld entspricht, kann die Option ausgewählt werden. Dies ist der Effekt, der durch das Hinzufügen einer -Beschriftung erzielt wird.

1. So verwenden Sie das Label-Tag

Das Label-Tag definiert eine Beschriftung (Markierung) für das Eingabeelement. Es stellt keine besonderen Effekte dar to the user und span-Tags sind ähnlich. Der größte Unterschied zwischen dem Label-Label und dem Span-Label besteht jedoch darin, dass es die Benutzerfreundlichkeit für Mausbenutzer verbessert und mit bestimmten Formularsteuerelementen verknüpft werden kann.
Nachdem die Beschriftung mit einem bestimmten Formularsteuerelement verknüpft wurde und der Benutzer auf den Text im Beschriftungselement klickt, wird das zugehörige Formularsteuerelement ausgelöst. Das heißt, wenn der Benutzer das Etikett auswählt, richtet der Browser den Fokus automatisch auf das Formularsteuerelement, das sich auf das Etikett bezieht. Wenn auf den Beschriftungstext geklickt wird, muss der Wert der entsprechenden Formularsteuerelement-ID mit dem for-Wert in der Beschriftung übereinstimmen, damit das entsprechende Steuerelement ausgewählt werden kann.

2. Label-Syntax

male
Label-Label-Text ist mehr erforderlich. Füllen im Wert des for-Attributs im
Label-Tag, um es anzupassen. Im Allgemeinen entspricht es der ID des Steuerobjekts, das Sie beim Klicken auslösen möchten.

3. Praktische Anwendung des Labels

HTML-Code-Snippet lautet wie folgt:

<form action="" method="get"> 
性别：<br /> 
<input name="sex" id="man" type="radio" value="" /> 
<label for="man">男</label> 
<input name="sex" id="woman" type="radio" value="" /> 
<label for="woman">女</label> 
</form>

Hinweis: Der Wert von id im Eingabe-Tag und im Wert von for im Label-Tag entsprechen.

Sehen Sie sich das Bild an:

Zusammenfassung: Im Allgemeinen ist es erforderlich, auf den Text des Optionsfelds oder den entsprechenden Text des Mehrfachauswahlfelds zu klicken Klicken Sie auf die auszuwählende Auswahlschaltfläche und verwenden Sie das Label-Tag. Beachten Sie, dass for und id denselben Wert haben. Beschriftungs-Tags haben standardmäßig keine Stile. Sie können CSS verwenden, um CSS-Breite, CSS-Höhe, CSS-Rahmen und andere Stile festzulegen. Anfänger können mehr Code eingeben und mehr ausprobieren. Ich hoffe, dieses Tutorial kann Ihnen helfen.

Das obige ist der detaillierte Inhalt vonVertieftes Verständnis der Rolle und Verwendung von Labels in HTML (Code im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!