Heim > Artikel > Web-Frontend > Wie implementiert man die Radio-Button-Funktion in einer HTML-Seite? (Beispiel)
Wie implementiert man die Radio-Button-Funktion in einer HTML-Seite? (Beispiel)
- 藏色散人Original
- 2018-08-15 10:09:2110379Durchsuche
Im Prozess der Website-Erstellung erfordern einige Website-Inhalte die Gestaltung einiger Umfrageformulare, daher ist die Gestaltung von Auswahlfeldern unverzichtbar. Da es Optionen gibt, besteht das Problem der Einzelauswahl oder Mehrfachauswahl. Daher werden in diesem Artikel hauptsächlich die damit verbundenen Probleme zur Bestimmung des Optionsfelds in HTML vorgestellt.
1.html Beispiel für die Auswahl des Geschlechts im Optionsfeld ist wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html单选联动示例</title>
</head>
<body>
您的性别：
<input type="radio" name="activity" value="男">男
<input type="radio" name="activity" value="女" >女
<br/> <br/><br/>
</body>
</html>Der Effekt ist wie folgt:
Das Obige ist ein Beispiel für die Auswahl des Geschlechts mit dem HTML-Optionsfeld.
2.html Eine Einzelauswahl und ein Standardwertbeispiel ist wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
你是否喜欢旅游？
<input type="radio" name="activity" value="喜欢" checked="checked">喜欢
<input type="radio" name="activity" value="不喜欢" >不喜欢
<input type="radio" name="activity" value="随便" >随便
<br/> <br/><br/>
</body>
</html>Der Effekt ist wie folgt:
Das Obige ist ein Beispiel für die Auswahl von HTML-Radios und die Standardeinstellung für einen Wert. Hier finden Sie einen wesentlichen Unterschied zum obigen Codebeispiel 1, dem geprüften Attribut. Das Attribut
checked gibt die Eingabeelemente an, die beim Laden der Seite vorab ausgewählt werden sollen. Verwendung mit oder . Es kann auch über JavaScript-Code festgelegt werden, nachdem die Seite geladen wurde.
Dann stellt dieser Artikel die damit verbundenen Fragen zur Bestimmung des Optionsfelds in HTML vor. Er hat einen gewissen Referenzwert und ich hoffe, dass er für Freunde in Not hilfreich sein wird.
Das obige ist der detaillierte Inhalt vonWie implementiert man die Radio-Button-Funktion in einer HTML-Seite? (Beispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!