Verwenden Sie das Label-Tag, um das Optionsfeld auszuwählen, indem Sie auf den Text klicken
|
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
Artikel empfehlen
Snake-Spiel mit nativem JS schreiben
In diesem Artikel wird der spezifische Code zum S...
HTML-Head-Tag-Metadaten zum Erreichen einer Aktualisierungsumleitung
Code kopieren Der Code lautet wie folgt: <html...
Installieren Sie Centos7 mithilfe einer virtuellen Hyper-V-Maschine
Inhaltsverzeichnis einführen Vorbereiten Systemab...
Reiner CSS-Code zum Erzielen von Fluss und dynamischen Linieneffekten
Ideen: Eine äußere Box legt den Hintergrund fest;...
Lösung für das Problem der ungültigen Zeilenhöheneinstellung in CSS
Über die ungültige Zeilenhöheneinstellung in CSS ...
Eine schnelle Lösung für den ersten Anmeldefehler in mysql5.7.20
Zunächst stellen wir vor, wie (1) MySQL 5.7 hat e...
Detaillierte Erläuterung mehrerer praktischer Lösungen zum schnellen Löschen großer Datenmengen (zig Millionen) in MySQL
Der Autor stieß kürzlich bei seiner Arbeit auf ei...
Eine einfache Erklärung der parallelen MySQL-Replikation
1. Hintergrund der parallelen Replikation Zunächs...
Das WeChat-Applet implementiert einen einfachen Chatroom
In diesem Artikel wird der spezifische Code des W...
So migrieren Sie das Datenverzeichnis in mysql8.0.20
Das Standardspeicherverzeichnis von MySQL ist /va...
MySql verwendet Skip-Name-Resolve, um das Problem langsamer externer Netzwerkverbindungen des Clients zu lösen
Das auf Tencent Cloud erstellte MySQL ist immer s...
Vue realisiert Preiskalendereffekt
In diesem Artikelbeispiel wird der spezifische Co...
Die häufigste Deklarationszusammenführung in TS (Schnittstellenzusammenführung)
Inhaltsverzeichnis 1. Schnittstelle zusammenführe...
Eine kurze Analyse der Verwendung der Zero-Copy-Technologie in Linux
In diesem Artikel werden mehrere wichtige Zero-Co...
Erste Schritte mit SELinux
Bereits zu Kernel 2.6-Zeiten wurde ein neues Sich...