当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码获取表单中文本框的个数

JS代码获取表单中文本框的个数

2012/10/21 11:08:06作者:佚名来源:网络

移动端

【实例名称】

获取表单中文本框的个数

【实例描述】

因为HIML中的很多控件都是“input”元素,所以必须使用类型来判断其中某种控件的个数。本例演示如何获取表单中文本框的个数。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <script language="javascript"> function checkform() { var icount=0; var frm=document.getElementById("form1").getElementsByTagName("input"); //获取窗体中所有的input元素 for(var i=0;i<frm.length;i++){                                          //遍历每一个input元素 if(frm[i].type=="text"){                                                //判断input元素的类型 icount++;                                                              //是则给统计变量+1        }     }      alert("总共有"+icount+"个文本框"); } </script> </head> <body> <form action="" name="dd" method="get" id="form1"> <input name="" type="text"> <input name="" type="text"> <input name="" type="text"> <input name="提交" value="提交" type="submit" onclick="checkform()"> </form> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例的重点有两个,即获取页面中所有的input元素,通过类型判断哪些是文本框。获取所有input元素使用的是“getElementsByTagName”方法,判断input类型使用的是“type”属性。

【源码下载】

本实例JS代码下载

标签: JS代码  表单  文本框