操做表單

操做表單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
相關文章
相關標籤/搜索