一、取得表单
//获得id为myForm1的<form/> var myForm1 = document.getElementById("myForm1"); //获得name为myForm2的<form/> //作为document的属性获得,非标准方式,不推荐 var myForm2 = document.myForm2; //获得页面内所有<form/>的集合 var forms = document.forms; //获得页面中第一个<form/> var form0 = forms[0]; //获得name为myForm的<form/> var myForm = forms['myForm'];
二、HTMLFormElement常用属性与方法
- acceptCharset: 服务器能够处理的字符串;
- action: 表单提交的目标URL;
- elements: 表单中所有表单域的集合;
- enctype: 表单提交的编码类型;
- length: 表单中表单域的数量;
- method: 表单提交的请求类型,通常是"get"或者"post";
- name: 表单的名称;
- target: 用于提交表单和接收响应的窗口名称;
- reset(): 将表单的所有表单域重置为默认值;
- submit(): 提交表单;
三、取得表单域
var myForm = document.forms["myForm"]; //取得myForm的第一个表单域, 非标准方式,不推荐 var field1 = myForm[0]; //取得name为field2的表单域, 非标准方式,不推荐 var field2 = myForm["field2"]; //取得myForm下所有表单域 var myFields = myForm.elements(); //取得myForm的第一个表单域 var myField1 = myFields[0]; //取得name为myField的表单域 //如果有多于一个域的name为myField,则返回它们的集合 var myField = myForm["myField"];
四、表单域常用属性与方法
- disable: 当前表单域是否被禁用;
- form: 指向当前域所属表单的指针;
- name: 当前表单域名字;
- readOnly: 当前表单域是否只读;
- tabIndex: 当前表单域的切换序号(用于使用tab键切换元素);
- type: 当前表单域类型;
- value: 当前表单域的值;
- focus(): 获得焦点(隐藏域不可用);
- blur(): 移除焦点(隐藏域不可用);