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