表單和數據完整性
創建表單元素是為了滿足用戶向服務器發送數據的需求。
表單基礎
HTML表單通過
元素來定義特性：
method 屬性 設置或獲取如何將表單數據發送到服務器
action 屬性 設置或獲取表單內容要發送處理的 URL
enctype 屬性 設置或獲取表單發送的編碼方式。默認是application/x-www-form-urlencoded，如果要上傳文件要設成multipart/form-data。
accept 屬性 上傳文件時，列出服務器能正確處理的mime類型
acceptCharset 屬性 設置或獲取處理表單的服務器必須接受的字符編碼
輸入元素：
元素 主要的HTML輸入元素
通過type屬性確定控件：
text radio checkbox file password button submit reset hidden image
元素 組合框或下拉框，值由元素定義
元素 多行文本，尺寸由rows和cols特性確定
元素 將標簽綁定到特定的表單字段
for 屬性 指定綁定的表單id
當鼠標點擊label容器，焦點將移到指定表單上
例如：
無綁定
建議在每個表單字段都設置id和name屬性，且值相等。（name用于數據提交，id用戶客戶端確定元素）
對
元素進行腳本編寫
獲取表單引用
1 用getElementById()
例如：var oForm = document.getElementById("form1");
2 用document的form集合，并通過位置或name屬性引用
例如：var oForm = document.forms[0];
或者：var oForm = document.forms["form1"];
訪問表單字段
1 通過表單的elements集合，并通過位置或name屬性引用
例如：var oElm = oForm.elements[0];
或者：var oElm = oForm.elements["elm"];
2 直接通過name屬性訪問
例如：var oElm = oForm.elm;
如果名字中有空格可以用方括號：
var oElm = oForm["elm 1"];
3 用getElementById()
例如：var oElm = document.getElementById("elm1");
表單字段共性
所有表單字段（除隱藏字段）：
disabled 屬性 設置或獲取控件是否被禁用
form 屬性 獲取對象所在表單的引用
blur() 方法 使元素失去焦點并觸發onblur事件
focus() 方法 使元素得到焦點并觸發onfocus事件
onblur 事件 元素失去焦點時觸發
onfocus 事件 元素得到焦點時觸發
注意：隱藏字段（hidden）只有form屬性
提交表單
1 使用提交按鈕或提交圖象提交表單
例如：
當客戶點擊以上按鈕將提交表單，如果按回車，并存在這些按鈕，瀏覽器會認為點擊了按鈕
2 獲取表單引用，再使用submit()方法
例如：
document.getElementById("form1").submit();
用button模擬submit：
onsubmit 事件 表單提交時觸發
例如；
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
