JavaScript(十)操作表單

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;//用戶輸入值

這種方式可以應用於textpasswordhidden以及select。但是,對於單選框和複選框,value屬性返回的永遠是HTML預設的值,而我們需要獲得的實際是用戶是否“勾上了”選項,所以應該用checked判斷

二設置值

設置值和獲取值類似,對於textpasswordhidden以及select,直接設置value就可以

對於單選框和複選框,設置checked爲ture或false即可。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章