HTML Radio Button-Generator

Einen HTML Radio Button online erstellen

Der HTML Radio Button-Generator erstellt ein Element <input type="radio"> mit einem zugeordneten Element <label>. Legen Sie Gruppenname, übermittelten Wert, Id, sichtbares Label und den anfänglichen Checked-Zustand fest. Vorschau, HTML-Ausgabe und C#-Ausgabe werden gemeinsam aktualisiert. Erstellen Sie für eine Auswahlgruppe weitere Radio Buttons mit demselben Name, unterschiedlichen Value und eindeutigen Id.

Einen HTML Radio Button in C# erstellen

Der C#-Bereich zeigt, wie Sie den konfigurierten Radio Button und das Label mit Aspose.HTML for .NET erstellen. Der erzeugte Code führt folgende Schritte aus:

1. Erstellt ein HTMLDocument und mit CreateElement() ein HTMLInputElement .
2. Legt Typ, Gruppenname, übermittelten Wert, Id und anfänglichen Checked-Zustand anhand der Einstellungen fest.
3. Erstellt ein HTMLLabelElement und legt anschließend dessen Eigenschaft For sowie den sichtbaren Text fest.
4. Fügt beide Elemente mit AppendChild() hinzu und speichert das Dokument mit Save() .

Konfigurieren Sie zuerst den Radio Button und kopieren Sie anschließend den aktualisierten C#-Code in Ihr .NET-Projekt.

FAQ zum HTML Radio Button-Generator

1. Wie erstelle ich eine Gruppe, in der nur ein Radio Button ausgewählt werden kann?

Erstellen Sie jeden Radio Button mit demselben nicht leeren Attribut name und platzieren Sie die Elemente im selben Formularkontext. Vergeben Sie für jedes Element eine eindeutige Id und ein zugeordnetes Label. Der Browser hält dann nur eine Option dieser Gruppe ausgewählt.

2. Warum benötigt ein Radio Button ein value-Attribut?

Das Attribut name identifiziert das übermittelte Feld und gruppiert zusammengehörige Radio Buttons. value identifiziert die ausgewählte Option. Vergeben Sie für jede Option einen eigenen Wert, damit der Server erkennen kann, welche Auswahl übermittelt wurde.

3. Was steuert die Option Checked?

Checked legt den anfänglich ausgewählten Zustand des Radio Button fest. Wählt der Benutzer eine andere Schaltfläche derselben Gruppe, hebt der Browser die vorherige Auswahl auf.

4. Warum muss das for-Attribut des Labels mit der Id des Radio Button übereinstimmen?

Übereinstimmende Werte verknüpfen den Text ausdrücklich mit dem Steuerelement. Benutzer können den Radio Button durch Anklicken des Labels auswählen, und assistive Technologien können erkennen, welcher Text die Option beschreibt.

5. Wann sollte ich Radio Button anstelle von Checkbox verwenden?

Verwenden Sie eine Gruppe von Radio Buttons, wenn genau eine Option aus einer Auswahl gewählt werden soll. Verwenden Sie Checkboxes, wenn jede Option unabhängig aktiviert oder deaktiviert werden kann.

Aspose.HTML for .NET installieren

Installieren Sie Aspose.HTML for .NET aus NuGet mit der .NET CLI:

dotnet add package Aspose.HTML

Alternativ können Sie die Benutzeroberfläche des NuGet-Paket-Managers verwenden oder Install-Package Aspose.HTML in der Paket-Manager-Konsole ausführen. Einzelheiten zur Einrichtung finden Sie in der Installationsanleitung . Mit einer temporären Lizenz können Sie die API ohne Einschränkungen der Evaluierung testen.