javascript实现自动填写表单实例简析


Posted in Javascript onDecember 02, 2015

本文实例讲述了javascript实现自动填写表单的方法。分享给大家供大家参考,具体如下:

在平时开发过程中,或者在访问某些站点,经常要频繁地填写一大堆表单时,我们可以利用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代码】,然后保存即可。

javascript实现自动填写表单实例简析

4.测试一下。

在浏览器中打开对应的页面,然后点击书签栏中的【自动填表】,你就会惊奇的发现表格已经填好了。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
用javascript实现在小方框中浏览大图的代码
Aug 14 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 Javascript
seajs1.3.0源码解析之module依赖有序加载
Nov 07 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
基于JavaScript实现活动倒计时效果
Apr 20 Javascript
javascript实现延时显示提示框效果
Jun 01 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
Koa 中的错误处理解析
Apr 09 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
Dec 18 Javascript
微信小程序聊天功能的示例代码
Jan 13 Javascript
vue 封装面包屑组件教程
Nov 16 Javascript
js判断两个数组相等的5种方法
May 06 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 #Javascript
纯js代码实现简单计算器
Dec 02 #Javascript
jquery判断输入密码两次是否相等
Apr 22 #Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 #Javascript
Jqgrid之强大的表格插件应用
Dec 02 #Javascript
整理Javascript事件响应学习笔记
Dec 02 #Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 #Javascript
You might like
php获取远程图片体积大小的实例
2013/11/12 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
php gd等比例缩放压缩图片函数
2016/06/12 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
B/S开发中常用javaScript技术与代码
2007/03/09 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
Bootstrap开发实战之第一次接触Bootstrap
2016/06/02 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
浅谈JS函数节流防抖
2017/10/18 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
Python中使用urllib2防止302跳转的代码例子
2014/07/07 Python
python链接Oracle数据库的方法
2015/06/28 Python
python 系统调用的实例详解
2017/07/11 Python
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
python 发送和接收ActiveMQ消息的实例
2019/01/30 Python
对Python之gzip文件读写的方法详解
2019/02/08 Python
Python中字符串与编码示例代码
2019/05/20 Python
用Python+OpenCV对比图像质量的几种方法
2019/07/15 Python
python中对二维列表中一维列表的调用方法
2020/06/07 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
高三自我鉴定范文
2013/10/19 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
旅游饭店管理专业自荐书
2014/06/28 职场文书
商场消防安全责任书
2014/07/29 职场文书
2014年采购工作总结
2014/11/20 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
幼儿园六一儿童节主持词
2015/06/30 职场文书