javascript實作自動填寫表單實例簡析_javascript技巧

本文實例講述了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 = "張";customersFormd.LnameFielield.value. "三";customersForm.thisCompanyField.value = "公司";customersForm.thisAddressField.value = "中國";customersForm.submit.focus();

3.第三步最重要，因為前2步稍微有點js知識的人都會寫這麼簡單的程式碼。接下來就是利用瀏覽器的收藏（書籤）功能寄放js程式碼。

以chrome為例，在書籤上點選右鍵－——> 新增網頁，名稱填【自動填表】，網址填【上面那段js程式碼】，然後儲存即可。

4.測試一下。

在瀏覽器中開啟對應的頁面，然後點選書籤列中的【自動填表】,你就會驚訝的發現表格已經填好了。 希望本文所述對大家JavaScript程式設計有所幫助。