操做表單6 用JavaScript操做表單和操做DOM是相似的,由於表單自己也是DOM樹 不過表單的輸入框、下拉框等能夠接收用戶輸入,因此用JavaScript來操做表單,能夠得到用戶輸入的內容,或者對一個輸入框設置新的內容。 HTML表單的輸入控件主要有如下幾種: 文本框,對應的<input type="text">,用於輸入文本; 口令框,對應的<input type="password">,用於輸入口令; 單選框,對應的<input type="radio">,用於選擇一項; 複選框,對應的<input type="checkbox">,用於選擇多項; 下拉框,對應的<select>,用於選擇一項; 隱藏文本,對應的<input type="hidden">,用戶不可見,但表單提交時會把隱藏文本發送到服務器 獲取值 文本框,對應的<input type="text">,用於輸入文本;//input.value; // '用戶輸入的值' 口令框,對應的<input type="password">,用於輸入口令;//input.value; // '用戶輸入的值',這種方式能夠應用於text、password、hidden以及select, 單選框,對應的<input type="radio">,用於選擇一項;//mon.checked; // true或者false 複選框,對應的<input type="checkbox">,用於選擇多項;//tue.checked; // true或者false 單選框和複選框,value屬性值永遠是HTML預設的值,而咱們須要得到的實際是用戶是否「勾上了」選項,因此應該用checked判斷 設置值 文本框,對應的<input type="text">,用於輸入文本;//input.value = 'test@example.com'; // 文本框的內容已更新 口令框,對應的<input type="password">,用於輸入口令;//input.value = 'test@example.com'; // 文本框的內容已更新 單選框,對應的<input type="radio">,用於選擇一項;//el.checked=true; // true或者false 複選框,對應的<input type="checkbox">,用於選擇多項;//el.checked=true; // true或者false