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 SetInterval与setTimeout使用方法详解
Nov 15 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
文件上传,iframe跨域数据提交的实现
Nov 18 Javascript
jQuery EasyUI 获取tabs的实例解析
Dec 06 Javascript
javascript基本数据类型和转换
Mar 17 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
浅析Vue实例以及生命周期
Aug 14 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
JS html事件冒泡和事件捕获操作示例
May 01 Javascript
layui使用templet格式化表格数据的方法
Sep 16 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
cache_lite试用
2007/02/14 PHP
PHP常用数组函数介绍
2014/07/28 PHP
php中限制ip段访问、禁止ip提交表单的代码分享
2014/08/22 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
php实现的操作excel类详解
2016/01/15 PHP
yii2安装详细流程
2018/05/23 PHP
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
javascript动画浅析
2012/08/30 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
2013/12/04 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
2015/09/19 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
2016/10/05 Javascript
JS实现字符串转驼峰格式的方法
2016/12/16 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
JS实现简单日历特效
2020/01/03 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
Vue自定义多选组件使用详解
2020/09/08 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
将Python代码嵌入C++程序进行编写的实例
2015/07/31 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
如何在python中实现线性回归
2020/08/10 Python
Python用Jira库来操作Jira
2020/12/28 Python
自我评价怎么写好呢?
2013/12/05 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
刑事撤诉申请书
2015/05/18 职场文书
亮剑观后感600字
2015/06/05 职场文书