操做表单

操做表单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
相关文章
相关标签/搜索