Javascript与<form/>

一、取得表单

//获得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(): 移除焦点（隐藏域不可用）；