html dom 表单集合用于以集合形式返回 html 文档中存在的所有表单元素。集合中的元素按照它们在 html 文档中出现的顺序进行排序和显示。
属性
以下是表单集合的属性 -
| 属性 | 描述 |
|---|---|
| length | 它是一个只读属性，返回集合中 |
方法
以下是表单收集的方法 -
| 方法 | 描述 |
|---|---|
| [index] | 从给定索引处的集合中返回 |
| item(index) | 从给定索引处的集合。索引从 0 开始，如果索引超出范围，则返回 null。 |
| namedItem(id) | 从具有给定 id 的集合。如果 id 不存在，则返回 Null。 |
语法
以下是 HTML DOM 表单集合的语法 - p>
document.forms
示例
让我们看一下 HTML DOM 表单集合的示例 -
现场演示
立即学习“前端免费学习笔记（深入）”；
Forms collection example
Following are the form ids
输出
这将产生以下输出 -
Shop7z网上购物系统至尊版
下载
Shop7z网上购物系统支持电脑版+手机版+支付宝及微信支付，支持QQ和微信一键登陆，系统集众家之所长，大气超美观页面+手机版+商品组合套餐+限时抢购秒杀+图片批量上传+淘宝数据包导入+弹出式分类菜单+不同规格不同价格+新订单邮件通知+销售报表打印与Excel输出+物流跟踪打印查询+会员积分及优惠券+邮件群发+图片在线管理+销售统计报表+五种价格体系+礼品礼券+微信公众号支付+扫码支付等等等。
单击“获取 IDS”按钮时 -
在上面的示例中 -
我们首先创建了三个 ID 为“FORM1”、“FORM2”的表单和“FORM3”。前两种形式具有文本类型的输入元素，第三种形式具有密码类型的输入元素 -
GET IDS 按钮在用户单击时执行 formCollect() 方法 -
formCollect() 方法获取 document.forms length 属性值（在我们的例子中为 3），并在 for 循环内的测试表达式中使用它。使用表单集合上的索引号，我们获取它们的 id 并将其附加到 id 为“Sample”的段落中用于显示 -
function formCollect() {
for(var i=0;i";
document.getElementById("Sample").innerHTML +=no;
}
} 
