javascript实现自动填写表单实例简析_javascript技巧
程序员文章站
2022-05-03 15:45:53
...
本文实例讲述了javascript实现自动填写表单的方法。分享给大家供大家参考,具体如下:
3.第三步最重要,因为前2步稍微有点js知识的人都会写这么简单的代码。接下来就是利用浏览器的收藏夹(书签)功能寄存js代码。
在平时开发过程中,或者在访问某些站点,经常要频繁地填写一大堆表单时,我们可以利用javascript,写一段脚本,预先把要填的信息准备好,然后模拟点击按钮的动作,自动提交表单,轻松且高效。
步骤
1. 找到页面中对应的form,把form中所需的html控件列出来,如
2.编写js代码
复制代码 代码如下:
javascript:customersForm.thisFnameField.value = "张";customersForm.thisLnameField.value = "三";customersForm.thisCompanyField.value = "公司";customersForm.thisAddressField.value = "中国";customersForm.submit.focus();
3.第三步最重要,因为前2步稍微有点js知识的人都会写这么简单的代码。接下来就是利用浏览器的收藏夹(书签)功能寄存js代码。
以chrome为例,在书签上点击右键————> 添加网页,名称填【自动填表】,网址填【上面那段js代码】,然后保存即可。
4.测试一下。
在浏览器中打开对应的页面,然后点击书签栏中的【自动填表】,你就会惊奇的发现表格已经填好了。
希望本文所述对大家JavaScript程序设计有所帮助。
推荐阅读
-
javascript 自动填写表单的实现方法
-
用js实现输入提示(自动完成)的实例代码_javascript技巧
-
javascript实现自动填写表单实例简析_javascript技巧
-
javascript闭包(Closure)用法实例简析_javascript技巧
-
javascript闭包(Closure)用法实例简析_javascript技巧
-
javascript实现自动填写表单实例简析_javascript技巧
-
js中键盘事件实例简析_javascript技巧
-
javascript实现页面刷新时自动清空表单并选中的方法_javascript技巧
-
禁用Enter键表单自动提交实现代码_javascript技巧
-
javascript 自动填写表单的实现方法_表单特效