HTML表單的輸入控件主要有以下幾種:
-
文本框,對應的
<input type="text">
,用於輸入文本; -
口令框,對應的
<input type="password">
,用於輸入口令; -
單選框,對應的
<input type="radio">
,用於選擇一項; -
複選框,對應的
<input type="checkbox">
,用於選擇多項; -
下拉框,對應的
<select>
,用於選擇一項; -
隱藏文本,對應的
<input type="hidden">
,用戶不可見,但表單提交時會把隱藏文本發送到服務器。
一 獲取值
如果我們獲得了一個<input>
節點的引用,就可以直接調用value
獲得對應的用戶輸入值
//<input type = "text" id = "email">
var input = document.getElementById("email");
input.value;//用戶輸入值
這種方式可以應用於text
、password
、hidden
以及select
。但是,對於單選框和複選框,value
屬性返回的永遠是HTML預設的值,而我們需要獲得的實際是用戶是否“勾上了”選項,所以應該用checked
判斷
二設置值
設置值和獲取值類似,對於text
、password
、hidden
以及select
,直接設置value
就可以
對於單選框和複選框,設置checked爲ture或false即可。