Ausführliche Erläuterung der Verwendung von Kontrollkästchen und Auswahl von Radioereignissen in HTML

Nachdem das Radio das Klickereignis registriert hat, besteht die Magie darin, dass, wenn Sie die Aufwärts-, Abwärts-, Links- und Rechtstasten auf der Tastatur zum Auswählen verwenden, das Mausereignis tatsächlich ausgelöst wird und auch das Scrollrad Diese magische Sache wird bei Mousedown nicht passieren. (WebKit kann keine Auswahlmöglichkeiten nach oben, unten, links und rechts verwenden)

Nachdem das Kontrollkästchen das Klickereignis registriert hatte, geschah das Wunder erneut. Als wir das Kontrollkästchen mit einem Leerzeichen aktivierten, geschah das magische Klickereignis erneut ausgelöst und Mousedown verfehlte erneut den Wunderpass. (Webkit kann immer noch keine Leerzeichen zum Auswählen verwenden)

Lassen Sie uns alle die Belastung dieser beiden Jungs aufgrund ihrer inhärenten Mängel verringern. Klick ist der beste Allmächtige. Worship~~~

Wenn Sie einen Fragebogen mithilfe eines Formulars entwerfen, ist es eine gute Idee, ein Auswahlfeld im -Tag zu verwenden , nämlich einzeln. Der Unterschied zwischen einem Auswahlfeld und einem Kontrollkästchen besteht darin, dass Benutzer nur eine Option in einem Optionsfeld auswählen können, während Benutzer in einem Kontrollkästchen mehrere Optionen oder sogar alle auswählen können. Bitte schauen Sie sich das folgende Beispiel an:

Der Quellcode dieses Beispiels wird unten angegeben. In Kombination mit dem Code werden die Einstellungen der einzelnen Parameter erläutert:

🎜>Reisen Sie gerne? Bitte wählen Sie aus:

<input type="radio" name="radiobutton" value="radiobutton" checked> 喜欢 
<input type="radio" name="radiobutton" value="radiobutton"> 不喜欢 
<input type="radio" name="radiobutton" value="radiobutton"> 无所谓<br>

An welcher Sportart Sie interessiert sind, wählen Sie bitte aus:

<input type="checkbox" name="checkbox1" value="checkbox"> 跑步 
<input type="checkbox" name="checkbox2" value="checkbox"> 打球 
<input type="checkbox" name="checkbox3" value="checkbox"> 登山 
<input type="checkbox" name="checkbox4" value="checkbox"> 健美<br>

Wie aus dem Quellcode oben ersichtlich ist, geben Sie zum Erstellen eines Optionsfelds einfach < ein ;input> Setzen Sie einfach den Typparameter des ;-Tags auf type="radio"; und um ein Kontrollkästchen zu erstellen, setzen Sie einfach den Typparameter des Was die Art des Auswahlfelds betrifft, das in tatsächlichen Anwendungen verwendet wird, muss es entsprechend den tatsächlichen Anforderungen bestimmt werden. Wenn der Benutzer nur eine Auswahl haben muss, verwenden Sie ein Optionsfeld. In diesem Beispiel erfordert die Frage „Reisen Sie gerne?“ nur eine Auswahl, daher wird ein Optionsfeld verwendet Dem Benutzer stehen mehrere Auswahlmöglichkeiten zur Verfügung. Für den ausgewählten Inhalt werden Kontrollkästchen verwendet. In diesem Beispiel wird beispielsweise die Frage „Welche Sportarten interessieren Sie?“ verwendet, da die Interessen einer Person vielfältig sein können Es werden Kontrollkästchen verwendet.

Stellen Sie den aktivierten Parameter im -Tag ein und das Kontrollkästchen wird standardmäßig ausgewählt. Beispielsweise ist das erste Optionsfeld in diesem Beispiel (das Optionsfeld unter „Gefällt mir“) standardmäßig ausgewählt, sodass der Benutzer, wenn er „Gefällt mir“ auswählen möchte, es nicht erneut auswählen muss. Wenn der Benutzer natürlich „Wenn es Ihnen nicht gefällt“ auswählen möchte, klicken Sie einfach auf das Optionsfeld unter „Gefällt mir nicht“, und der Standardwert wird automatisch gelöscht. Mit der gleichen Methode können Sie auch festlegen, dass ein Kontrollkästchen standardmäßig aktiviert ist. Die Standardauswahl des Kontrollkästchens kann jedoch nicht missbraucht werden, da dies sonst zu Unmut beim Benutzer führt.

Denken Sie im Radio daran, die Namensattribute aller -Objekte auf den gleichen Wert zu setzen, zum Beispiel name="radiobutton" im obigen Beispiel, beachten Sie es ist kein ID-Attribut. Andernfalls können „Gefällt mir“, „Gefällt mir“ und „Gleichgültig“ gleichzeitig ausgewählt werden

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung von Kontrollkästchen und Auswahl von Radioereignissen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!