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 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
raphael.js绘制中国地图 地图绘制方法
Feb 12 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
探索Javascript中this的奥秘
Dec 11 Javascript
微信网页授权并获取用户信息的方法
Jul 30 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
Nov 05 Javascript
ES6小技巧之代替lodash
Jun 07 Javascript
Vue使用Proxy监听所有接口状态的方法实现
Jun 07 Javascript
layui动态渲染生成select的option值方法
Sep 23 Javascript
vue插槽slot的简单理解与用法实例分析
Mar 14 Javascript
Vue+axios封装请求实现前后端分离
Oct 23 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实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
PHP实现数组和对象的相互转换操作示例
2019/03/20 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
DB.ASP 用Javascript写ASP很灵活很好用很easy
2011/07/31 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
Bootstrap每天必学之进度条
2015/11/30 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
2015/12/25 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
jQuery焦点图左右转换效果
2016/12/12 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
2017/01/04 Javascript
ES5 ES6中Array对象去除重复项的方法总结
2017/04/27 Javascript
jQuery 表单序列化实例代码
2017/06/11 jQuery
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
对vue事件的延迟执行实例讲解
2018/08/28 Javascript
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
jQuery实现二级导航菜单的示例
2020/09/30 jQuery
Python 开发Activex组件方法
2009/11/08 Python
python实现的解析crontab配置文件代码
2014/06/30 Python
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
python实现基于SVM手写数字识别功能
2020/05/27 Python
Django数据库连接丢失问题的解决方法
2018/12/29 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
opencv python如何实现图像二值化
2020/02/03 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
简述python Scrapy框架
2020/08/17 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
日化店促销方案
2014/03/26 职场文书
win10安装配置nginx的过程
2021/03/31 Servers
vue2实现provide inject传递响应式
2021/05/21 Vue.js