表单: 接收用户输入 表单输入控件 文本框 <input type=”text”> 密码框 <input type=”password”> 单选框 <input type=”radio”> 多选框 <input type=”checkbox”> 下拉框 <select> 隐藏文本 <input tupe=”hidden”> 用户不可见,但是提交表单时 会发送到服务器.

获取值

text、password、hidden以及select: // var input = document.getElementById(‘email’); input.value; // ‘用户输入的值’

单选框 复选框: // // var mon = document.getElementById(‘monday’); var tue = document.getElementById(‘tuesday’); mon.value; // ‘1’ tue.value; // ‘2’ mon.checked; // true或者false tue.checked; // true或者false

设置值

// <input type="text" id="email">
var input = document.getElementById('email');
input.value = 'test@example.com'; // 文本框的内容已更新

HTML5 控件

date, datetime, datetime-local, color …它们都使用<input>标签:

<input type="date" value="2015-07-01"> 会出来个 日期. 可以上下调节年月日. 还有下拉框弹出日历..

提交表单

一种是通过 form 元素的 submit() 方法来提交. 还有是通过 form 本身的 onsubmit.

最好是用AJAX. 后面会提到的.