Objet Radio d'entrée HTML DOM-tutoriel HTML-php.cn

Objet Radio d'entrée HTML DOM

WBOY

Libérer： 2023-08-30 13:45:02

avant

930 Les gens l'ont consulté

HTML DOM 输入单选对象与类型为“radio”的元素关联。我们可以分别使用 createElement() 和 getElementById() 方法创建和访问带有 radio 类型的输入元素。

属性

以下是输入 Radio 对象的属性 - p>

Sr.No	属性和说明
1	自动聚焦设置或返回单选按钮是否在页面加载时自动获得焦点。 p>
2	选中设置或返回单选按钮选中状态
3	defaultChecked 返回选中的单选按钮的属性默认值
4	defaultValue 设置或返回单选按钮默认值。
5	禁用 p> 设置或返回是否禁用单选按钮
6	表单返回对包含单选按钮的表单的引用
7	名称设置或返回单选按钮的名称属性值。
必需设置或返回是否在提交表单之前强制检查单选按钮。
9	类型返回单选按钮的表单元素类型。
10	Value 设置或返回value的值单选按钮的属性。

语法

以下是语法 -

创建输入单选对象。

var R = document.createElement(&ldquo;INPUT");
R.setAttribute("type", "radio");

Copier après la connexion

示例

让我们看一下输入单选对象的示例 -

现场演示

<!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=&rdquo;button&rdquo; onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html>

Copier après la connexion

输出

这将产生以下输出 −

HTML DOM Input Radio 对象

点击CREATE按钮 −

HTML DOM Input Radio 对象

在上面的示例中 −

我们创建了一个名为CREATE的按钮，当用户点击时将执行createRadio()方法 −

<button type=&rdquo;button&rdquo; onclick="createRadio()">CREATE</button>

Copier après la connexion

createRadio() 方法使用文档对象的 createElement() 方法通过传递“INPUT”作为参数来创建元素。新创建的输入元素被分配给变量 R，并使用 setAttribute() 方法我们创建一个带有值单选的类型属性。

记住，setAttribute() 创建属性并在属性不存在时分配值先前存在。最后，在文档主体上使用appendChild()方法，我们附加类型为radio的输入元素作为主体的子元素 -

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "Radio");
   document.body.appendChild(R);
}

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Objet Radio d'entrée HTML DOM

属性

语法

示例

输出