Wie wähle ich standardmäßig ein Optionsfeld aus?
Standardmäßig ' überprüft Das Attribut „wird zum Auswählen des Optionsfelds verwendet. Wenn dieses Attribut für mehrere Optionsfelder verwendet wird, wird standardmäßig das aktuellste Optionsfeld ausgewählt. Folgen Sie dem Schritt-für-Schritt-Blog, um das Optionsfeld standardmäßig auszuwählen:
Schritt 1: Optionsfelder erstellen
Erstellen Sie in der HTML-Datei drei Optionsfelder und fügen Sie ihnen Beschriftungen hinzu:
< Center >
< h3 > Wählen Sie Ihr Erfahrungsniveau: < / h3 >
< div >
< Eingang Typ = 'Radio' Ausweis = 'Anfänger' Name = 'Erfahrung' Wert = 'Anfänger' >
< Etikett für = 'Anfänger' > Anfänger < / Etikett >
< / div >
< div >
< Eingang Typ = 'Radio' Ausweis = 'dazwischenliegend' Name = 'Erfahrung' Wert = 'dazwischenliegend' >
< Etikett für = 'dazwischenliegend' > Dazwischenliegend < / Etikett >
< / div >
< div >
< Eingang Typ = 'Radio' Ausweis = 'Vorauszahlung' Name = 'Erfahrung' Wert = 'Vorauszahlung' >
< Etikett für = 'Vorauszahlung' > Vorauszahlung < / Etikett >
< / div >
< / Center >
Im obigen Codeausschnitt:
- Das Optionsfeld wird durch Erstellen eines einfachen „
”-Tags und setzen Sie den Typ auf „ Radio “. - Weisen Sie jedem Optionsfeld den „Namen“, die „ID“ und den „Wert“ zu.
- Verwenden Sie am Ende das „ Ausweis ” des Eingabefeldes, um das „
”-Tag mit dem „ für ” Attribut.
Nach der Ausführung des Skripts sieht die Ausgabe wie folgt aus:
Die Abbildung zeigt, dass die Optionsfelder angezeigt werden, aber keines davon standardmäßig ausgewählt ist.
Schritt 2: Wählen Sie „Standardmäßig“ aus
Der ' überprüft Das Attribut „wird verwendet, um das Optionsfeld automatisch auszuwählen. Es wird nur eine Option ausgewählt. Aus diesem Grund ist es besser, standardmäßig ein Optionsfeld auszuwählen. Es beschränkt den Benutzer auf die Auswahl der richtigen Option:
< div >
< Eingang Typ = 'Radio' Ausweis = 'Anfänger' Name = 'Erfahrung' Wert = 'Anfänger' geprüft>
< Etikett für = 'Anfänger' >Anfänger< / Etikett >
< / div >
Im obigen Code ist die überprüft Das Attribut wird verwendet und nur dem ersten Eingabefeld zugewiesen.
Nach der Ausführung des obigen Codes sieht die Webseite nun folgendermaßen aus:
Die Ausgabe zeigt, dass das erste Optionsfeld bei jeder Aktualisierung der Seite standardmäßig ausgewählt ist.
Bonus-Tipp: Verwenden Sie JavaScript, um das Optionsfeld standardmäßig auszuwählen
Um ein Optionsfeld standardmäßig mit JavaScript auszuwählen, greifen Sie mit der ID auf das Optionsfeld zu. Wählen Sie dann das aktivierte Attribut aus und setzen Sie den booleschen Wert auf „true“, wie im folgenden Code:
< Skript >document.getElementById ( 'Anfänger' ) . überprüft = WAHR;
< / Skript >
In diesem Code ist das „ Anfänger „ist die ID des standardmäßig ausgewählten Optionsfelds.
Nach dem Kompilieren des Skripts sieht die Ausgabe wie folgt aus:
Im obigen Schnappschuss ist das erste Optionsfeld standardmäßig mit JavaScript ausgewählt.
Abschluss
Zum Auswählen eines Optionsfelds können Benutzer die Schaltfläche „ überprüft ” Attribut. Wenn das geprüfte Attribut in mehr als einem Optionsfeld verwendet wird, erhält das Optionsfeld den aktuellsten „geprüften“ Attributwert. Um ein Optionsfeld standardmäßig mit JavaScript auszuwählen, greifen Sie mit der ID auf das Optionsfeld zu. In diesem Blog wurde erfolgreich demonstriert, wie das Optionsfeld standardmäßig ausgewählt wird.