Das <label>-Tag definiert eine Bezeichnung (Tag) für ein Eingabeelement. Das Beschriftungselement bietet für den Benutzer keine besondere Wirkung. Allerdings verbessert es die Benutzerfreundlichkeit für Mausbenutzer. Dieses Steuerelement wird ausgelöst, wenn Sie auf den Text im Beschriftungselement klicken. Das heißt, wenn der Benutzer das Tag auswählt, verschiebt der Browser den Fokus automatisch auf das mit dem Tag verknüpfte Formularsteuerelement. Das for-Attribut des <label>-Tags sollte mit dem id-Attribut des zugehörigen Elements identisch sein. Beispiel 1: Code kopieren Der Code lautet wie folgt:<label für="Mann"> <input type="radio" value="Radio" name="man" id="man"/> männlich </Bezeichnung> <label für="man2"> <input type="radio" value="Mann" name="man" id="man2"/> weiblich </Bezeichnung> Beispiel 2: Code kopieren Der Code lautet wie folgt:<input type="checkbox" name="Pages" value="Job" id="Job" ><label for="Job">Jobinformationen hinzufügen und bearbeiten</label> <input type="checkbox" name="Pages" value="JobQuery" id="JobQuery" ><label for="JobQuery">Rekrutierungsinformationen abfragen und löschen</label> <input type="checkbox" name="Seiten" value="Technologie" id="Technologie" aktiviert><label for="Technologie">Technologieelemente hinzufügen oder ändern</label> |
<<: 6 Vererbungsmethoden von JS Advanced ES6
In diesem Artikelbeispiel wird der spezifische Co...
Inhaltsverzeichnis Allgemeine Versionseinführung ...
Dieser Artikel beschreibt anhand eines Beispiels,...
HTML und CSS 1. Verständnis und Kenntnisse von WE...
Inhaltsverzeichnis 1. Projektumgebung 2. Projektb...
Gemeinsamkeiten: Das DIV-Tag und das SPAN-Tag beh...
Inhaltsverzeichnis Vorwort 1. Trigger-Übersicht 2...
Experimentelle Umgebung Eine minimal installierte...
SQL-Fuzzy-Abfrageanweisung Die allgemeine Fuzzy-A...
Machen Sie sich keine Sorgen, wenn Sie das Wagenr...
MySQL-Downloads für alle Plattformen sind unter M...
1. Docker-Cross-Host-Kommunikation Zu den hostübe...
Vorwort Bei unserer täglichen Arbeit führen wir m...
Dieser Artikel beschreibt, wie Sie mit der lokale...
Vorwort: Frontend: jq+h5, um den dynamischen Neun...