javascript實現(xiàn)自動填寫表單實例簡析
更新時間：2015年12月02日 11:28:47 作者：Frank.Fan
這篇文章主要介紹了javascript實現(xiàn)自動填寫表單的方法,以一個簡單實例形式分析了JavaScript結合瀏覽器設置實現(xiàn)自動保存表單的相關技巧,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)自動填寫表單的方法。分享給大家供大家參考，具體如下：
在平時開發(fā)過程中，或者在訪問某些站點，經(jīng)常要頻繁地填寫一大堆表單時，我們可以利用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為例，在書簽上點擊右鍵————> 添加網(wǎng)頁，名稱填【自動填表】，網(wǎng)址填【上面那段js代碼】，然后保存即可。
4.測試一下。
在瀏覽器中打開對應的頁面，然后點擊書簽欄中的【自動填表】,你就會驚奇的發(fā)現(xiàn)表格已經(jīng)填好了。
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JS的繼承方式在我們面試的時候經(jīng)常會被問到，所以深入理解js繼承方式以及它們的優(yōu)缺點是非常有必要的。本文為大家整理了JavaScript中常見的七種繼承及實現(xiàn)，需要的可以參考一下2023-03-03
這篇文章主要介紹了javascript異常處理實現(xiàn)原理詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了JavaScript獲取頁面上被選中文字的方法技巧,本文直接給出實現(xiàn)代碼和運行效果,需要的朋友可以參考下2015-03-03
js實現(xiàn)無刷新監(jiān)聽URL的變化示例代碼詳解
這篇文章主要介紹了js如何無刷新監(jiān)聽URL的變化,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了微信小程序 (地址選擇1)--選取搜索地點并顯示效果,實現(xiàn)思路是通過拖動地圖，搜索地址，選擇地址并將地址值傳給文本框，具體實例代碼跟隨小編一起看看吧2019-12-12
正則表達式在我們日程的工作項目中,應該是一個經(jīng)常用到的技能,在做一些字符的匹配和處理的過程中,發(fā)揮了很大的作用,這篇文章主要給大家介紹了關于js正則表達式常用方法的相關資料,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了JS實現(xiàn)自動變換的菜單效果代碼,可實現(xiàn)自動變換菜單選中項的技巧,涉及JavaScript定時函數(shù)觸發(fā)頁面樣式屬性變換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
因此本篇重拾了出鏡概率比較高的十來種排序算法, 逐一分析其排序思想, 并批注注意事項. 歡迎對算法提出改進和討論2020-03-03
JavaScript實現(xiàn)寫入文件到本地的方法【基于FileSaver.js插件】
這篇文章主要介紹了JavaScript實現(xiàn)寫入文件到本地的方法,結合實例形式分析了基于FileSaver.js插件實現(xiàn)保存文件到本地的相關操作技巧,并附帶FileSaver.js插件完整源碼,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了js簡單設置與使用cookie的方法,以簡單實例形式分析了JavaScript設置與調用cookie的方法,需要的朋友可以參考下2016-01-01