HTML DOM 表单集合用于以集合形式返回 HTML 文档中存在的所有表单元素。集合中的元素按照它们在 HTML 文档中出现的顺序进行排序和显示。

属性

以下是表单集合的属性 -

方法

以下是表单收集的方法 -

语法

以下是 HTML DOM 表单集合的语法 - p>

document.forms

示例

让我们看一下 HTML DOM 表单集合的示例 -

现场演示

Forms collection example

Fruit 


Age 


Password: 



GET IDS
Following are the form ids 

输出

这将产生以下输出 -

单击“获取 IDS”按钮时 -

在上面的示例中 -

我们首先创建了三个 ID 为“FORM1”、“FORM2”的表单和“FORM3”。前两种形式具有文本类型的输入元素，第三种形式具有密码类型的输入元素 -

Fruit 


Age 


Password: 

GET IDS 按钮在用户单击时执行 formCollect() 方法 -

GET IDS

formCollect() 方法获取 document.forms length 属性值（在我们的例子中为 3），并在 for 循环内的测试表达式中使用它。使用表单集合上的索引号，我们获取它们的 id 并将其附加到 id 为“Sample”的段落中用于显示 -

function formCollect() {
   for(var i=0;i";
      document.getElementById("Sample").innerHTML +=no;
   }
}

위 내용은 HTML DOM表单集合의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!