javascript实现自动填写表单实例简析
2015-12-02 00:00
731 查看
本文实例讲述了javascript实现自动填写表单的方法。分享给大家供大家参考,具体如下:
在平时开发过程中,或者在访问某些站点,经常要频繁地填写一大堆表单时,我们可以利用javascript,写一段脚本,预先把要填的信息准备好,然后模拟点击按钮的动作,自动提交表单,轻松且高效。
步骤
1. 找到页面中对应的form,把form中所需的html控件列出来,如
2.编写js代码
3.第三步最重要,因为前2步稍微有点js知识的人都会写这么简单的代码。接下来就是利用浏览器的收藏夹(书签)功能寄存js代码。
以chrome为例,在书签上点击右键――――> 添加网页,名称填【自动填表】,网址填【上面那段js代码】,然后保存即可。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201601/b406123e9931eb5551d462d7dabdbf86)
4.测试一下。
在浏览器中打开对应的页面,然后点击书签栏中的【自动填表】,你就会惊奇的发现表格已经填好了。
希望本文所述对大家JavaScript程序设计有所帮助。
JSP实现用于自动生成表单标签html代码的自定义表单标签
javascript实现页面刷新时自动清空表单并选中的方法
Ajax中通过JS代码自动获取表单元素值的示例代码
jquery自动将form表单封装成json的具体实现
用javascript模仿ie的自动完成类似自动完成功的表单
表单提交时自动复制内容到剪贴板的js代码
在平时开发过程中,或者在访问某些站点,经常要频繁地填写一大堆表单时,我们可以利用javascript,写一段脚本,预先把要填的信息准备好,然后模拟点击按钮的动作,自动提交表单,轻松且高效。
步骤
1. 找到页面中对应的form,把form中所需的html控件列出来,如
<form name="customersForm" id="myform" method="POST" action="insert.php"> <b> 姓 : </b> <input type="text" name="thisFnameField" size="20" value=""> <b> 名 : </b> <input type="text" name="thisLnameField" size="20" value=""> <b> 公司 : </b> <input type="text" name="thisCompanyField" size="20" value=""> <b> 地址 : </b> <input type="text" name="thisAddressField" size="20" value=""> </form>
2.编写js代码
javascript:customersForm.thisFnameField.value = "张";customersForm.thisLnameField.value = "三";customersForm.thisCompanyField.value = "公司";customersForm.thisAddressField.value = "中国";customersForm.submit.focus();
3.第三步最重要,因为前2步稍微有点js知识的人都会写这么简单的代码。接下来就是利用浏览器的收藏夹(书签)功能寄存js代码。
以chrome为例,在书签上点击右键――――> 添加网页,名称填【自动填表】,网址填【上面那段js代码】,然后保存即可。
4.测试一下。
在浏览器中打开对应的页面,然后点击书签栏中的【自动填表】,你就会惊奇的发现表格已经填好了。
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
javascript 自动填写表单的实现方法JSP实现用于自动生成表单标签html代码的自定义表单标签
javascript实现页面刷新时自动清空表单并选中的方法
Ajax中通过JS代码自动获取表单元素值的示例代码
jquery自动将form表单封装成json的具体实现
用javascript模仿ie的自动完成类似自动完成功的表单
表单提交时自动复制内容到剪贴板的js代码
相关文章推荐
- JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
- js文本框输入内容智能提示效果
- JavaScript如何禁止Backspace键
- 如何动态加载外部Javascript文件
- JS折半插入排序算法实例
- 简单实现JS对dom操作封装
- JSON保存文件时候不丢转义符号
- Web中的中文乱码问题
- JavaScript简介
- JavaScript变量
- 使用json web token(jwt)
- 关于如何在javascript中实现DI
- js的异步调用
- jsp调java代码输出图片
- javascript:Array.slice.call 到Array.prototype.slice.call
- JSP 自定义标签 (custom tags) 入门介绍
- js传参数的问题。
- 使用T4模板合并js文件
- 浅谈JavaScript浮点数及其运算
- JavaScript中的事件函数传参