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(): 移除焦點（隱藏域不可用）；