欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript實(shí)現(xiàn)自動(dòng)填寫表單實(shí)例簡(jiǎn)析

 更新時(shí)間:2015年12月02日 11:28:47   作者:Frank.Fan  
這篇文章主要介紹了javascript實(shí)現(xiàn)自動(dòng)填寫表單的方法,以一個(gè)簡(jiǎn)單實(shí)例形式分析了JavaScript結(jié)合瀏覽器設(shè)置實(shí)現(xiàn)自動(dòng)保存表單的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)自動(dòng)填寫表單的方法。分享給大家供大家參考,具體如下:

在平時(shí)開(kāi)發(fā)過(guò)程中,或者在訪問(wèn)某些站點(diǎn),經(jīng)常要頻繁地填寫一大堆表單時(shí),我們可以利用javascript,寫一段腳本,預(yù)先把要填的信息準(zhǔn)備好,然后模擬點(diǎn)擊按鈕的動(dòng)作,自動(dòng)提交表單,輕松且高效。

步驟

1. 找到頁(yè)面中對(duì)應(yīng)的form,把form中所需的html控件列出來(lái),如

<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 = "中國(guó)";customersForm.submit.focus();

3.第三步最重要,因?yàn)榍?步稍微有點(diǎn)js知識(shí)的人都會(huì)寫這么簡(jiǎn)單的代碼。接下來(lái)就是利用瀏覽器的收藏夾(書(shū)簽)功能寄存js代碼。

以chrome為例,在書(shū)簽上點(diǎn)擊右鍵————> 添加網(wǎng)頁(yè),名稱填【自動(dòng)填表】,網(wǎng)址填【上面那段js代碼】,然后保存即可。

4.測(cè)試一下。

在瀏覽器中打開(kāi)對(duì)應(yīng)的頁(yè)面,然后點(diǎn)擊書(shū)簽欄中的【自動(dòng)填表】,你就會(huì)驚奇的發(fā)現(xiàn)表格已經(jīng)填好了。

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • vscode錄音及語(yǔ)音實(shí)時(shí)轉(zhuǎn)寫插件開(kāi)發(fā)并在工作區(qū)生成本地mp3文件附踩坑日記!

    vscode錄音及語(yǔ)音實(shí)時(shí)轉(zhuǎn)寫插件開(kāi)發(fā)并在工作區(qū)生成本地mp3文件附踩坑日記!

    以目前的vscode版本來(lái)說(shuō),作者并沒(méi)有開(kāi)放訪問(wèn)本地媒體權(quán)限,所以插件市場(chǎng)里面的所有語(yǔ)音相關(guān)插件也并沒(méi)有直接獲取vscode的媒體權(quán)限,這篇文章主要介紹了vscode錄音及語(yǔ)音實(shí)時(shí)轉(zhuǎn)寫插件開(kāi)發(fā)并在工作區(qū)生成本地mp3文件?踩坑日記!,需要的朋友可以參考下
    2023-05-05
  • Javascript日期格式化format函數(shù)的使用方法

    Javascript日期格式化format函數(shù)的使用方法

    這篇文章主要介紹的是javascript時(shí)間格式format函數(shù),我們有時(shí)候調(diào)用的new Date()不是格式化的時(shí)間,可能顯示不是很正常,那么這時(shí)候就需要格式化時(shí)間,今天這里分享一個(gè)javascript的foramt()函數(shù),有需要的可以參考借鑒。
    2016-08-08
  • js如何準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息

    js如何準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息

    這篇文章主要為大家介紹了js準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息的多種方法,包括正則法、split拆分法等,需要的朋友可以參考下
    2016-04-04
  • 70+漂亮且極具親和力的導(dǎo)航菜單設(shè)計(jì)國(guó)外網(wǎng)站推薦

    70+漂亮且極具親和力的導(dǎo)航菜單設(shè)計(jì)國(guó)外網(wǎng)站推薦

    網(wǎng)站可用性是任何網(wǎng)站的基本要素,而可用的導(dǎo)航更是網(wǎng)站所必需的要素之一。導(dǎo)航?jīng)Q定了用戶如何與網(wǎng)站進(jìn)行交互。如果沒(méi)有了可用的導(dǎo)航,那么網(wǎng)站內(nèi)容就會(huì)變得毫無(wú)用處。
    2011-09-09
  • javascript實(shí)現(xiàn)自由編輯圖片代碼詳解

    javascript實(shí)現(xiàn)自由編輯圖片代碼詳解

    這篇文章主要介紹了javascript實(shí)現(xiàn)自由編輯圖片代碼詳解,在當(dāng)下的的前端項(xiàng)目中,圖片功能可以說(shuō)是非常常見(jiàn)的,圖片的展示、圖片的裁剪編輯、圖片的上傳等,那么我們的項(xiàng)目便來(lái)了個(gè)需求。,需要的朋友可以參考下
    2019-06-06
  • 一問(wèn)了解JavaScript中的元數(shù)據(jù)

    一問(wèn)了解JavaScript中的元數(shù)據(jù)

    本文主要介紹了一問(wèn)了解JavaScript中的元數(shù)據(jù),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • js中復(fù)選框的取值及賦值示例詳解

    js中復(fù)選框的取值及賦值示例詳解

    這篇文章主要給大家介紹了關(guān)于js中復(fù)選框的取值及賦值的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • ES11新增的這9個(gè)新特性,你都掌握了嗎

    ES11新增的這9個(gè)新特性,你都掌握了嗎

    這篇文章主要介紹了ES11新增的這9個(gè)新特性,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • JS使用正則實(shí)現(xiàn)去掉字符串左右空格的方法

    JS使用正則實(shí)現(xiàn)去掉字符串左右空格的方法

    這篇文章主要介紹了JS使用正則實(shí)現(xiàn)去掉字符串左右空格的方法,結(jié)合實(shí)例形式分析了JS針對(duì)首尾匹配及空格匹配的簡(jiǎn)單實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2016-12-12
  • 用javascript操作xml

    用javascript操作xml

    用javascript操作xml...
    2006-11-11

最新評(píng)論