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