自动填写表单的实现方法,javascript实现自动填写

作者: 网络应用  发布:2019-09-03

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

本文没有什么技术上创新,只要会一点Javascript的技术就可以写了。
第一步: 在页面查看源代码,把Form中包含的需要填列的HTML控件找出来如:
<form name="mainfrm" action="" method="post">
<input type="text" name="username"/>
<input type="submit" value="submit"/>
</form>
第二步:编写代码 javascript:mainfrm.username.value="stangray";mainfrm.submit.focus();

在平时开发过程中,或者在访问某些站点,经常要频繁地填写一大堆表单时,我们可以利用javascript,写一段脚本,预先把要填的信息准备好,然后模拟点击按钮的动作,自动提交表单,轻松且高效。

第三步:
打开浏览器的“收藏夹”,在“链接”分类中添加一个URL收藏。

步骤

在URL项中:加入上面编写的代码,也可以指定快捷键,在名称中填写“自动填表”(上面是在IE浏览中设置,不同的浏览器收藏夹使用会不一样,但都差不多)

  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代码

有你的智慧来修改代码吧!可以实现更多功能。

复制代码 代码如下:

您可能感兴趣的文章:

  • JSP实现用于自动生成表单标签html代码的自定义表单标签
  • javascript实现页面刷新时自动清空表单并选中的方法
  • Ajax中通过JS代码自动获取表单元素值的示例代码
  • jquery自动将form表单封装成json的具体实现
  • 用javascript模仿ie的自动完成类似自动完成功的表单
  • 表单提交时自动复制内容到剪贴板的js代码
  • javascript实现自动填写表单实例简析

javascript:customersForm.thisFnameField.value = "张";customersForm.thisLnameField.value = "三";customersForm.thisCompanyField.value = "公司";customersForm.thisAddressField.value = "中国";customersForm.submit.focus();

3.第三步最重要,因为前2步稍微有点js知识的人都会写这么简单的代码。接下来就是利用浏览器的收藏夹(书签)功能寄存js代码。

以chrome为例,在书签上点击右键————> 添加网页,名称填【自动填表】,网址填【上面那段js代码】,然后保存即可。

图片 1

4.测试一下。

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

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

您可能感兴趣的文章:

  • javascript 自动填写表单的实现方法
  • JSP实现用于自动生成表单标签html代码的自定义表单标签
  • javascript实现页面刷新时自动清空表单并选中的方法
  • Ajax中通过JS代码自动获取表单元素值的示例代码
  • jquery自动将form表单封装成json的具体实现
  • 用javascript模仿ie的自动完成类似自动完成功的表单
  • 表单提交时自动复制内容到剪贴板的js代码

本文由王中王开奖结果发布于网络应用,转载请注明出处:自动填写表单的实现方法,javascript实现自动填写

关键词:

上一篇:轻巧学习jQuery插件EasyUI
下一篇:没有了