时间:2021-05-26
本文实例讲述了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代码】,然后保存即可。
4.测试一下。
在浏览器中打开对应的页面,然后点击书签栏中的【自动填表】,你就会惊奇的发现表格已经填好了。
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下:一、javascript页面加裁时自动提交表单:Form表单:javascript代码:fu
本文为大家分享了JavaScript表单验证,被JavaScript验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户
本文实例为大家分享了JavaScript实现表单验证功能的具体代码,供大家参考,具体内容如下以下是JavaScript的表单验证功能,可根据JS代码编写出你想要
本文以实例讲述了ThinkPHP表单自动提交验证的实现过程,详细步骤如下所示:一、模板部分:ThinkPHP示例:表单提交、自动验证和自动填充标题:邮箱:内容:
本文实例讲述了JavaScript实现动态添加Form表单元素的方法。分享给大家供大家参考,具体如下:之前写过类似的文章(如:javascript实现的动态添加