操作表单

操作表单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