JavaScript|JavaScript 操作 表单
HTML表单的输入控件主要有以下几种:
- 【JavaScript|JavaScript 操作 表单】文本框,对应的,用于输入文本;
- 口令框,对应的,用于输入口令;
- 单选框,对应的,用于选择一项;
- 复选框,对应的,用于选择多项;
- 下拉框,对应的,用于选择一项;
- 隐藏文本,对应的,用户不可见,但表单提交时会把隐藏文本发送到服务器。
先获得节点的引用,就可以直接调用value获得对应的用户输入值,适用于
text
、password
、hidden
以及select
。而对于单选框和复选框,value属性返回的永远是HTML预设的值,而我们需要获得的实际是用户是否“勾上了”选项,所以应用checked判断。//
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
设置值
和获取值类似,对于
text
、password
、hidden
以及select
,直接设置value就可以。而对于单选框和复选框,设置checked为true或false即可。//
var input = document.getElementById('email');
input.value = 'https://www.it610.com/article/test@example.com';
// 文本框的内容已更新
HTML5控件
提交表单
- 方法一:通过
这种方式的缺点是扰乱了浏览器对form的正常提交:浏览器默认点击