Der eingeführte Inhalt ist eine detaillierte Analyse der Verwendungsmethode des für das Attribut des <bezeichnungs -Tags in HTML5. Diese Website enthält eine detaillierte Analyse der für Attributnutzungsmethoden des <label> -Tags in diesem Artikel und erläutert das relevante HTML5 -Etikett -Tag für Attributtechnologie und -wissen im Artikel. Willkommen, Ihnen in dieser Hinsicht Unterstützung und Hilfe zu geben! Das Folgende sind die Details:
Der eingeführte Inhalt ist eine detaillierte Analyse der Verwendungsmethode des für das Attribut des <bezeichnungs -Tags in HTML5.
Im Abschnitt Create a Set of Radio Buttons des HTML -Tutorials über Freecodecamp sah ich diese Passage.
Es wird als Best Practice angesehen, ein für das Attribut auf dem Etikettelement mit einem Wert einzulegen, der dem Wert des ID -Attributs des Eingabeelements entspricht. Auf diese Weise können assistierende Technologien eine verknüpfte Beziehung zwischen dem Etikett und dem Kindereingangselement erstellen.
Die grobe Bedeutung ist: Der beste Weg, dies zu tun, besteht darin, label -Tag ein for Attribut hinzuzufügen, und sein Wert entspricht dem Wert des id -Attributs des input -Tags, um eine Assoziation zwischen der Etikett und der Eingabe zu erstellen.
Gleichzeitig wird wie folgt ein Beispielcode angegeben:
<!-Code 1-> <Label für = Indoor> <Eingabe-ID = Indoor type = Radio name = Indoor-Outdoor> Indoor </label>
Im Code entspricht der für den Attributwert der Etikett mit dem ID -Attributwert der Eingabe überein. Aus diesem Code können Sie nicht sehen, wo sich der Assoziation befindet.
Die Definition des für das Attributs der Etikett liegenden Label lautet wie folgt:
Das für Attribut gibt an, an welchem Formelement A -Etikett eine Beschriftung gebunden ist.
Übersetzung: Das für Attribut gibt an, an welches Element in der Form gebunden ist.
Beispielcode:
<!-- Code 2 --><form action=/action_page.php> <input type=radio name=gender id=male value=male> <label for=male>Male</label> <br> <input type=radio name=gender id=female value=female> <label for=female>Female</label> <br> <input type=radio name=gender id=other value=other> <label for=other>Other</label> <br> <input type=submit value = suruging> </form>
Wenn Sie die beiden Codestücke vergleichen, ist es nicht schwer herauszufinden.
Die Einschlussbeziehung zwischen Etikett und Eingabe -Tag ist unterschiedlich. Die Beschriftung und Eingabe von Code 1 gehören zur Einschlussbeziehung, während die Beschriftung und Eingabe von Code 2 relativ unabhängig sind.
Etikett und Eingabe sind auf der Seite unterschiedlich angeordnet. Durch die Entwicklertools von Chrome ist es nicht schwer zu ermitteln, dass die laufenden Ergebnisse von Code 1, das Etikett -Tag das Eingabe -Tag, die laufenden Ergebnisse von Code 2, das Etikett -Tag und das Eingabe -Tag parallel sind.
Etikett und Eingabe entsprechen einzeln. Klicken Sie auf den Inhalt der Beschriftung und die entsprechende Taste für ein endgültiges Einsatz wird ausgewählt.
Wenn wir das für das Attribut der Beschriftung in den beiden Codes löschen, bleiben der vorherige Punkt 1 und Punkt 2 unverändert. Die Änderung ist Punkt 3. Für die Betriebsergebnisse von Code 1 klicken Sie auf den Inhalt der Beschriftung und Sie können weiterhin das Optionsfeld auswählen. Code 2 ist anders. Wenn Sie auf den Inhalt des Etiketts klicken, kann das Optionsfeld nicht ausgewählt werden.
Nach einem einfachen Vergleich des Code -Ausgangsergebnisses können wir überprüfen, ob die zu Beginn des Artikels angegebene Passage korrekt ist. Diese Praxis des Hinzufügens für Attribute zu Beschriftungen kann die Qualität des Codes verbessern.
Die detaillierte Analyse der für Attributnutzungsmethoden des <label> -Tags in HTML5 ist hier. Sie können die URL dieser Seite mit einem Lesezeichen http://www.vevb.com/web/a/2018090496006.shtml für den nächsten Zugriff auf sie zum nächsten Mal.