前端开发中表单的获取

最近文汇建站小编在进行页面开发,遇到表单方面的问题,今天小编讲下表单的获取。

js中获取form的方法:

1. 利用表单在文档中的索引或表单的name属性来引用表单

       1 document.forms[i]  //得到页面中的第i个表单2 document.forms[formName] //得到页面中相应name的表单

2. 利用表单的id属性

      1document.getElementById(formId);

3.document.表单name 的方式 

       1 document.formName;//最为常用的一种方式

项目中 用的 aform.AAC002.value 实际上访问的是因为aform在页面中唯一,经自己测试,一个form表单,只要它的name属性或者id属性唯一,那么获取这个表单就可以直接使用name或者id访问。

如下端代码:

 <form name="cxtjForm" action="tosubmit" method="post" class="yongle" id="aform">

账号:<input type="text" name="mingzi" field="f1" value='10138wyl'/><br>

密码:<input type="password" name="mima" /><br>

<input type="submit" value="登陆" /> 

<div style="margin: 10px auto; text-align: center;"> 

<input type="button" class="btn" id="lewBtnSearch" value="查询" />

<input type="button" class="btn" id="lewBtnClear" value="重置" />

<input type="button" class="btn2" id="id_testNavi" value="test_navigator" /> 

 </div> 

</form>

那么在js中,

//var form1 = aform;

//相当于一个对象, document.getElementById("aform");

 // var input1 = aform.mingzi; 

// var input1_ = aform.getElementByTagName('input')[0]; 

var form1 = aform;               var formm = cxtjForm;    

var form2 = document.cxtjForm;

// 方法1:

 document.formName;

//最为常用的一种方式

 var f = (aform===form2); alert('f:'+f);//true var _form = document.getElementById("aform");    

var flag = (form1===_form);//true var inp1 = aform.mingzi;    

var inp1_ = document.getElementsByName("mingzi");    var flag2 = (inp1===inp1_);    

// var val = input1.value; 

// alert('form1:'+form1);

好了,以上就是小编今天为大家分享的内容,如果想更多关注小编,就来文汇建站看看吧。

关键词:
返回列表

相关文章

相关案例