HTML DOM 表单集合用于以集合形式返回 HTML 文档中存在的所有表单元素。集合中的元素按照它们在 HTML 文档中出现的顺序进行排序和显示。
属性
以下是表单集合的属性 -
属性 | 描述 |
---|---|
length | 它是一个只读属性,返回集合中 |
方法
以下是表单收集的方法 -
方法 | 描述 |
---|---|
[index] | 从给定索引处的集合中返回 |
item(index) | 从给定索引处的集合。索引从 0 开始,如果索引超出范围,则返回 null。 |
namedItem(id) | 从具有给定 id 的集合。如果 id 不存在,则返回 Null。 |
语法
以下是 HTML DOM 表单集合的语法 - p>
document.forms
示例
让我们看一下 HTML DOM 表单集合的示例 -
现场演示
<!DOCTYPE html> <html> <head> <script> function formCollect() { for(var i=0;i<document.forms.length;i++){ var no=document.forms[i].id+"<br>"; document.getElementById("Sample").innerHTML +=no; } } </script> </head> <body> <h1 id="Forms-collection-example">Forms collection example</h1> <form id="FORM1"> Fruit <input type="text" name="fname" value="Mango"> </form> <form id="FORM2"> Age <input type="text" name="Age" value="22"> </form> <form id="FORM3"> Password: <input type="password" name="pass" value="test"> </form> <br> <button onclick="formCollect()">GET IDS</button> <p id="Sample">Following are the form ids <br></p> </body> </html>
输出
这将产生以下输出 -
单击“获取 IDS”按钮时 -
在上面的示例中 -
我们首先创建了三个 ID 为“FORM1”、“FORM2”的表单和“FORM3”。前两种形式具有文本类型的输入元素,第三种形式具有密码类型的输入元素 -
<form id="FORM1"> Fruit <input type="text" name="fname" value="Mango" > </form> <form id="FORM2"> Age <input type="text" name="Age" value="22" > </form> <form id="FORM3"> Password: <input type="password" name="pass" value="test"> </form>
GET IDS 按钮在用户单击时执行 formCollect() 方法 -
<button onclick="formCollect()">GET IDS</button>
formCollect() 方法获取 document.forms length 属性值(在我们的例子中为 3),并在 for 循环内的测试表达式中使用它。使用表单集合上的索引号,我们获取它们的 id 并将其附加到 id 为“Sample”的段落中用于显示 -
function formCollect() { for(var i=0;i<document.forms.length;i++){ var no=document.forms[i].id+"<br>"; document.getElementById("Sample").innerHTML +=no; } }
以上是HTML DOM表单集合的详细内容。更多信息请关注PHP中文网其他相关文章!

HTML的作用是通过标签和属性定义网页的结构和内容。1.HTML通过到、等标签组织内容,使其易于阅读和理解。2.使用语义化标签如、等增强可访问性和SEO。3.优化HTML代码可以提高网页加载速度和用户体验。

htmlisaspecifictypefodyfocusedonstructuringwebcontent,而“代码” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1)htmldefineswebpagertuctureduseTags.2)“代码”代码“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

如何设计菜单中的虚线分割效果?在设计菜单时,菜名和价格的左右对齐通常不难实现,但中间的虚线或点如何...

网页代码编辑器中的HTML元素分析许多在线代码编辑器允许用户输入HTML、CSS和JavaScript代码。最近,有人提出了一...


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

Dreamweaver CS6
视觉化网页开发工具