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
Zusammenfassung einiger gängiger Methoden des JavaScript-Arrays
Inhaltsverzeichnis 1. So erstellen Sie ein Array ...
Probleme und Lösungen bei der Verwendung der jsx-Syntax in React-vscode
Problembeschreibung Nach der Installation des Plu...
So fügen Sie eine Schnittstellen-Abhörmaske in ein Vue-Projekt ein
1. Geschäftshintergrund Die Verwendung einer Mask...
Zusammenfassung der Erfahrungen und Fähigkeiten im Webdesign
■ Planung des Website-Themas Achten Sie darauf, da...
jQuery erzielt den Shutter-Effekt (mithilfe der Li-Positionierung)
In diesem Artikel wird der spezifische Code von j...
Detaillierte Erläuterung der grundlegenden Verwendung von MySql-Stored-Procedure-Parametern
Verwendung gespeicherter Prozeduren in Parametern...
Detaillierte Erklärung der JS-Array-Methoden
Inhaltsverzeichnis 1. Das ursprüngliche Array wir...
Detaillierte Analyse von HTML-Tabellen-Tags und damit verbundenen Zeilenumbruchproblemen
Was ist eine Tabelle? Eine Tabelle ist eine HTML-...
MySQL verwendet gespeicherte Prozeduren, um die Methode zur Erfassung von Baumknoten zu implementieren
Wie in der Abbildung gezeigt: Tabellendaten Wie e...
Darstellung des Vorgangs zur Verwendung von FileZilla zur Verbindung mit dem FTP-Server
Als ich begann, einen FTP-Server auf dem Server e...
Detaillierte Erläuterung der Nginx-Protokollanpassung und Aktivierung des Protokollpuffers
Vorwort Wenn Sie die Quelle der Website-Besuche z...
Grafisches Tutorial zur Installation und Verwendung von MySQL 5.7.17
MySQL ist ein relationales Datenbankverwaltungssy...
CSS3-Implementierungscode für den kreisförmigen Fortschritts-Tick-Effekt
Inhaltsverzeichnis 8. Kreisförmiger Fortschritts-...
Detaillierte Erklärung mehrerer cleverer Anwendungen von position:sticky sticky positioning
Hintergrund: Position: Sticky wird auch Sticky-Po...
Analyse der prinzipiellen Implementierung aus dem Quellcode des Mini-Programm-Entwicklertools
Inhaltsverzeichnis So zeigen Sie den Quellcode de...