Ein Optionsfeld ist ein interaktives Element in HTML, das mit der “erstellt werden kann"Tag mit dem Attributtyp mit dem Wert"Radio”. Benutzer können eine Option aus der angegebenen Liste auswählen. Diese Taste wird normalerweise verwendet, wenn nur eine Option in verschiedenen Szenarien ausgewählt werden sollte, z.

In diesem Artikel wird Sie mit Hilfe eines praktischen Beispiels ein HTML -Optionsfeld erstellen.

So fügen Sie ein Optionsfeld in HTML hinzu?

Um ein Optionsfeld in HTML hinzuzufügen, befolgen Sie die untergegebene Syntax:

Hier ist die Beschreibung der angegebenen Syntax:

• “Typ”: Dieses Attribut gibt an, welche Art von Eingabe Sie erstellen möchten, z. B. Text, Radio, Kontrollkästchen und mehr. Um ein Optionsfeld zu erstellen, muss der Attributwert als "Radio" festgelegt werden.
• “Name: Es definiert den Namen des Eingabeelements. Dieses Attribut sollte für die Liste der Optionsfelder gleich sein.
• “Wert”: Dies gibt den Wert an, der an den Server gesendet wird, wenn das Optionsschalter als überprüft markiert ist.

Beispiel: Hinzufügen eines Optionsfelds in HTML

In diesem Beispiel wird das Verfahren zum Hinzufügen eines Optionsfelds in HTML mithilfe des Eingabe -Optionsfelds erörtert. In

Schritt 1: HTML -Datei erstellen

Fügen Sie zunächst in die HTML -Datei ein Tag hinzu:

Innerhalb des Erstellten:

• Zunächst fügen Sie die "hinzu"

  ”Tag, um die Seite auf dem Weg zu geben.

• Dann ein "

  Tag für einen Absatz oder eine Textzeile.

• Danach wird das Eingabe -Tag mit einem Attribut hinzugefügt “Typ"Wert haben"Radio", Der Name wird als ausgewählt und" festgelegt und "Wert" als "Rot”. Bei jedem Optionsfeld mit demselben Namen werden verschiedene Werte angegeben. Der gleiche Name repräsentiert dieselbe Gruppe oder Liste.
• Wenn Sie eine Schaltfläche hinzufügen möchten, die standardmäßig wie überprüft gekennzeichnet ist, weisen Sie das Attribut zu “zu"überprüft”Zu diesem Knopf.
• Zuletzt die “Das Element für jedes Optionsfeld wird verwendet, um Bildunterschriften hinzuzufügen. Es bietet auch eine bessere Zugänglichkeit.

Der folgende Code ist die Interpretation des obigen Szenarios:

HTML -Optionsknopf

Was ist deine Lieblingsfarbe?

Rot



Blau



Grün



Lila



Andere

Es ist ersichtlich, dass die Optionsschaltflächen erfolgreich erstellt werden:

Sie können auch Stile auf das oben erstellte Optionsfeld anwenden, indem Sie den unten erwähnten CSS-Code folgen.

Schritt 2: Stil auf HTML anwenden

Der "div”Zeigt das Div -Tag an, das wir in der HTML -Datei erstellt haben:

• Zuerst die "Hintergrundfarbe"Eigenschaft wird als" festgelegt "#8197f0”.
• “Grenze"Eigenschaft wird als" festgelegt "5px gepunktet #13023a”, Wobei 5px die Breite des Randes darstellt, zeigt die Art der Linie an und zeigt als nächstes die Farbe des Randes an.
• “Polsterung”Wird als" eingestellt "20px 100pxWobei 20px die Polsterung von oben und unten angibt, und 100px zeigt die Polsterung von links und rechts an.
• Für das Schriftstyling zuweisen Sie die “Schriftfamilie"Eigenschaftswert als"kursiv”.

CSS

div
Hintergrundfarbe: #8197f0;
Grenze: 5px gepunktet #13023a;
Polsterung: 20px 100px;
Schriftgröße: 20px;
Schriftfamilie: Kursiv;

Es ist ersichtlich, dass das Div -Element erfolgreich gestaltet wird:

Das ist es! Wir haben im Detail über das HTML -Optionsfeld erklärt.

Abschluss

Ein Optionsfeld ist eine Eingabe, die immer in Gruppen von zwei oder mehr Optionen angezeigt wird. Aus dieser Gruppe kann der Benutzer nur eine Option auswählen. In HTML kann ein Optionsfeld mit der “erstellt werden"Tag mit dem Attributtyp mit dem Wert"Radio”. In diesem Blog wurde die Methode zum Hinzufügen von Optionsschaltflächen in HTML gezeigt.