Wie wähle ich das Optionsfeld „HTML“ standardmäßig aus? Beispiel für die Verwendung von Optionsfeldern im Eingabe-Tag

In diesem Artikel erfahren Sie hauptsächlich, wie Sie das Optionsfeld des HTML-Eingabe-Tags und das Standard-Optionsfeld des HTML-Eingabe-Tags verwenden. Schauen wir uns als nächstes gemeinsam diesen Artikel an

Zunächst stellen wir die Praxis der Optionsfelder im HTML-Eingabe-Tag vor:

werden verwendet, um Benutzerinformationen zu sammeln. Eingabefelder haben viele Formen, die auf unterschiedlichen Typattributwerten basieren. Eingabefelder können Textfelder, Kontrollkästchen, maskierte Textsteuerelemente, Optionsfelder, Schaltflächen usw. sein.

Ohne weitere Umschweife hier ein Codebeispiel:

<form action="form_action.asp" method="get">
<input type="radio" name="radio" value="1">单选1
<input type="radio" name="radio" value="2">单选2
<input type="radio" name="radio" value="3">单选3
<input type="radio" name="radio" value="4">单选4
</form>

Der Effekt ist leicht zu erkennen, schauen wir uns zunächst den Anzeigeeffekt im Browser an:

Dieser Effekt ist auf einen Blick erkennbar, es handelt sich um einen sehr einfachen Code

Es gibt noch eine andere Art, die häufig auf vielen Websites zu sehen ist, z : Single Die Auswahl des Geschlechts erfolgt grundsätzlich über diese Art von Optionsfeld. Der Code lautet wie folgt:

Das Optionsfeld in HTML implementiert die Auswahl des männlichen und weiblichen Geschlechts, sodass sowohl Männer als auch Frauen wählen können. Die Implementierungsmethode: Schreiben Sie ein Namensattribut in das Attribut der Schaltfläche und legen Sie es fest Der Wert des Namens

<input id="man" type="radio" checked="checked" name="1" />男
<input id="woman" type="radio"  name="1"/>女

Ich zeige kein Bild dafür. Es ist einfacher als das obige. Es hat nur zwei Optionsfelder, auf die wir oft stoßen.

Lassen Sie uns nun darüber sprechen, wie Sie das HTML-Optionsfeld standardmäßig auswählen:

Nehmen wir zunächst die erste Instanz heraus und fahren Sie fort. Wir müssen ihr nur ein Attribut hinzufügen. wie folgt:

<form action="form_action.asp" method="get">
<input type="radio" name="radio" value="1">单选1
<input type="radio" name="radio" value="2" checked>单选2
<input type="radio" name="radio" value="3">单选3
<input type="radio" name="radio" value="4">单选4
</form>

Der Effekt ist immer noch sehr offensichtlich, schauen Sie sich das Rendering an:

Ich habe nicht darauf geklickt, es ist einfach darauf aufgetaucht , und es funktioniert immer noch nach dem Aktualisieren. Siehe oben Radio 2.

Wir können sehen, dass das Optionsfeld standardmäßig ausgewählt ist. Sie können es selbst ausprobieren und mehr Code eingeben.

Okay, das ist alles für diesen Artikel über die Verwendung von HTML-Eingabe-Tags als Optionsfelder. Wenn Sie Fragen haben, können Sie diese unten stellen.

【Empfehlung des Herausgebers】

Was ist der Code zum Hinzufügen von Bildern in HTML? Wie füge ich den Bildpfad korrekt in HTML hinzu?

Wie stelle ich die Schriftgröße des HTML-Schriftart-Tags ein? Einführung in die Verwendung des HTML-Schriftart-Tag-Attributs

Das obige ist der detaillierte Inhalt vonWie wähle ich das Optionsfeld „HTML“ standardmäßig aus? Beispiel für die Verwendung von Optionsfeldern im Eingabe-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!