Heim > Artikel > Web-Frontend > HTML DOM Input Radio-Objekt
HTML DOM Input Radio-Objekt
- WBOYnach vorne
- 2023-08-30 13:45:021083Durchsuche
Das
HTML-DOM-Eingabe-Radioobjekt ist mit einem -Element vom Typ „Radio“ verknüpft. Mit den Methoden createElement() und getElementById() können wir Eingabeelemente mit Radiotyp erstellen und darauf zugreifen.
Eigenschaften
Das Folgende sind die Eigenschaften des Eingabe-Radio-Objekts: p>
| Sr.Nr.: Eigenschaften und Beschreibung: | 1: Auto. Fokus: Setzt oder gibt zurück, ob das Radio Die Schaltfläche Seite erhält beim Laden automatisch den Fokus. |
|---|---|
| 2 |
Überprüft Setzt den Status der ausgewählten Optionsschaltfläche zurück oder gibt diesen zurück 's Attribut-Standardwert p> |
| 4 |
defaultValue Legen Sie den Standardwert des Optionsfelds fest oder geben Sie ihn zurück. |
| 5 |
Deaktiviert Legt fest oder gibt zurück, ob das Optionsfeld deaktiviert ist. |
| 6 Optionsfeld |
7 | Name
| Legt den Namensattributwert des Optionsfelds fest oder gibt ihn zurück. |
p> 8 | Erforderlich
| Legt fest oder gibt zurück, ob die Überprüfung des Optionsfelds vor dem Absenden des Formulars erzwungen werden soll. |
9 | Type
| Gibt den Formularelementtyp des Optionsfelds zurück. |
10 | Value
|
Syntax Das Folgende ist die Syntax: |
|
var R = document.createElement(“INPUT");
R.setAttribute("type", "radio"); | Beispiel
Sehen wir uns ein Beispiel für die Eingabe eines Radioauswahlobjekts an – Live-Demo <!DOCTYPE html>
<html>
<head>
<script>
function createRadio() {
var R = document.createElement("INPUT");
R.setAttribute("type", "Radio");
document.body.appendChild(R);
}
</script>
</head>
<body>
<h1>Input radio object</h1>
<p>Create an input field with type radio by clicking the below button</p>
<button type=”button” onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html>Ausgabe
| Dies erzeugt die folgende Ausgabe: −
| Klicken Sie auf die Schaltfläche ERSTELLEN. − Im obigen Beispiel erstellen wir eine Schaltfläche mit dem Namen CREATE, die die Methode „createRadio()“ ausführt, wenn der Benutzer darauf klickt. Die Methode „createRadio()“ verwendet die Methode „createElement()“ des zu erstellenden Dokumentobjekts Übergabe von „INPUT“ als Parameter Element. Das neu erstellte Eingabeelement wird der Variablen R zugewiesen und mit der Methode setAttribute() erstellen wir ein Typattribut mit einem Wert radio. |
Das obige ist der detaillierte Inhalt vonHTML DOM Input Radio-Objekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!