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 相关文章推荐
js 禁用浏览器的后退功能的简单方法
Dec 10 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
谈一谈javascript闭包
Jan 28 Javascript
jQuery 实现评论等级好评差评特效
May 06 Javascript
JavaScript中浅讲ajax图文详解
Nov 11 Javascript
Bootstrap模态框使用详解
Feb 15 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
基于mpvue的小程序项目搭建的步骤
May 22 Javascript
bootstrap动态调用select下拉框的实例代码
Aug 09 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/05/10 PHP
PHP如何利用P3P实现跨域
2013/08/24 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
JavaScript OOP面向对象介绍
2010/12/02 Javascript
js实现的仿新浪微博完美的时间组件升级版
2011/12/20 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
JS实现具备延时功能的滑动门菜单效果
2015/09/17 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
nodejs使用redis作为缓存介质实现的封装缓存类示例
2018/02/07 NodeJs
微信小程序实现折线图的示例代码
2019/06/07 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
2020/03/16 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
Python实现过滤单个Android程序日志脚本分享
2015/01/16 Python
python开发之函数定义实例分析
2015/11/12 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
python3 读写文件换行符的方法
2018/04/09 Python
Python 正则表达式匹配字符串中的http链接方法
2018/12/25 Python
Python-copy()与deepcopy()区别详解
2019/07/12 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
HTML5的结构和语义(5):内嵌媒体
2008/10/17 HTML / CSS
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
全球酒店预订网站:Hotels.com
2016/08/10 全球购物
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2015/09/07 面试题
横店影视城导游词
2015/02/06 职场文书
小学教研工作总结2015
2015/05/13 职场文书
三八妇女节新闻稿
2015/07/17 职场文书
担保公司2015年终工作总结
2015/10/14 职场文书
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS