本帖最后由 zx0227 于 2017-5-31 19:52 編輯

通常來說，網頁自動填表包含單選框、復選框、文本框、多行文本框、下拉列表框的自動填寫。本文講講這些項目的自動填寫方法。所用到的工具是網頁自動操作通用工具。

一、文本輸入框及多行文本輸入框的自動填寫

下面來說說網頁需要填表的情況，比如注冊頁面呀，論壇頁面呀等等。需要填寫每項內容，如何實現文本輸入框和多行文本輸入框的自動填寫呢。我們請出網頁自動操作通用工具。

19.jpg (30.7 KB, 下載次數: 220)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

然后看看需要自動填寫的頁面。需要在姓名和內容框實現自動填寫。

20.jpg (18.62 KB, 下載次數: 227)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

1.設置姓名框自動填寫王維。

第一步：打開網頁自動操作通用工具，在網頁自動提交監控操作界面，點擊"添加"，在"網址"欄輸入需要自動填表的網址，點擊"自動獲取"，然后"確定"。

21.jpg (37.22 KB, 下載次數: 236)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

第二步：在"提交內容"選項，點擊"添加"，"元素別名"命名為姓名，"獲取元素方式"選擇"通過html元素屬性獲取"，點擊"自動獲取"。

22.jpg (42.74 KB, 下載次數: 215)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

把鼠標移動到姓名框，右鍵選擇獲取元素，點擊"添加元素"。

23.jpg (35.16 KB, 下載次數: 228)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

"填寫屬性"寫value,"填寫內容"寫“王維”，點擊"確定"按鈕。以上設置就完成了姓名框自動輸入王維的設置。

24.jpg (36.73 KB, 下載次數: 224)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

2.設置在多行文本框自動填寫“大學生的希望是什么?好好學習，天天向上，獨立創新。”

第一步:點擊"添加"，"元素別名"命名為內容，"獲取元素方式"選擇"通過html元素屬性獲取"，點擊"自動獲取"。

25.jpg (40.47 KB, 下載次數: 227)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

把鼠標移動到內容框，右鍵選擇獲取元素，點擊"添加元素"。

26.jpg (35.72 KB, 下載次數: 216)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

第二步："填寫屬性"寫text,填寫內容寫“大學生的希望是什么?好好學習，天天向上，獨立創新。”，點擊"確定"按鈕。

27.jpg (40.28 KB, 下載次數: 219)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

好了，設置完成，下面來看看測試效果。自動填寫姓名和內容框。

28.jpg (36.46 KB, 下載次數: 205)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

大家看看是不是簡單易懂呢。

二、復選框的自動選擇實現

網頁上，會經常出現復選框，如果你需要自動點擊復選框如下所示，你可以用網頁自動操作通用工具的網頁自動提交監控操作功能。

11.jpg (4.33 KB, 下載次數: 210)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

1、方法一：分析源碼，利用checked屬性來設置自動選擇復選框。

首先，在網頁自動提交監控操作界面，網址列表選項卡，點擊"添加"，輸入網址，點擊"自動獲取"，添加好帶有復選框的網頁。

12.jpg (32.96 KB, 下載次數: 215)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

其次，在提交內容選項卡，點擊"添加"，"獲取元素方式"選擇"通過HTML元素屬性獲取"，點擊"自動獲取"，鼠標指向"已閱讀并同意"那個單選框選擇獲取元素，"添加元素"。發現自動添加的元素與我們實際要添加的復選框元素不一樣。通過利用分析源碼的方法，我們手動設置如下。"標記名稱"寫input,"標記屬性名"填name.”標識唯一值”填accept_term.“”填寫屬性“”選擇checked,屬性值填true.

13.jpg (34.68 KB, 下載次數: 215)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

設置完了，我們來看看自動選擇已閱讀并同意復選框的效果。

14.jpg (26.43 KB, 下載次數: 209)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

PS:如果需要去掉已閱讀并同意復選框的選擇，怎么做呢？直接在添加自動填寫對話框中，屬性checked的值改為false即可。

15.jpg (33.73 KB, 下載次數: 210)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

大家看看效果如下。

16.jpg (24.64 KB, 下載次數: 205)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

2.方法二：通過模擬鍵盤操作來實現復選框自動選擇。

復選框也可以用[keybord]屬性來實現自動選擇，填寫屬性選擇[keyboard],屬性值輸入一個空格鍵。如下圖。

17.jpg (36.38 KB, 下載次數: 222)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

這樣設置就是模擬鍵盤操作直接選擇復選框，看下圖復選框已經被選中變色了。

18.jpg (30.87 KB, 下載次數: 222)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

三、單選框自動填寫方法

網頁上，會經常出現單選框，如果你需要自動點擊單選框如下圖所示(自動選擇學生)，你可以用網頁自動操作通用工具的網頁自動提交監控操作功能來實現。

1.jpg (2.72 KB, 下載次數: 208)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

下面談談用兩種方法來實現單選框自動選擇。

1、方法一：分析源碼，用checked屬性值來實現單選框自動選擇。

首先，在網頁自動提交監控操作界面，網址列表選項卡，點擊"添加"，輸入網址，點擊"自動獲取"，添加好帶有單選框的網頁。

2.jpg (35.06 KB, 下載次數: 222)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

其次，在提交內容選項卡，點擊"添加"，獲取元素方式選擇通過HTML元素屬性獲取，點擊"自動獲取"，鼠標指向"學生"那個單選框選擇獲取元素，"添加元素"。發現自動添加元素與我們實際要獲取的學生單選框的元素不一樣。不能通過自動獲取元素獲取到學生單選框。怎么辦呢？

3.jpg (41.8 KB, 下載次數: 214)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

第三，這時候我們需要分析學生單選框所在位置的源代碼如下所示。我們發現每個單選框的屬性均為name,學生單選框為第二個name的值。

4.jpg (31.67 KB, 下載次數: 207)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

通過分析源碼我們手動設置如下。"標記名稱"寫input,”標記屬性名"的話(我們要選擇學生單選框，而學生單選框為name屬性的第二個同名元素)，所以填寫[name]2."標識唯一值"填usertype."填寫屬性"選擇checked,屬性值填true.通過分析源代碼使用checked屬性自動選擇學生單選框的方法設置好了。

5.jpg (36.75 KB, 下載次數: 202)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

我們來看看自動選擇學生單選框的效果。

6.jpg (30.18 KB, 下載次數: 220)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

PS：如果需要去掉剛才選擇的學生單選框，怎么操作呢？直接在添加自動填寫對話框中，屬性checked的值改為false即可(意思是去掉學生單選框的選擇).

7.jpg (37.83 KB, 下載次數: 225)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

來看看效果吧。

8.jpg (24.61 KB, 下載次數: 218)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

2、方法二：通過模擬鍵盤操作[keyboard]屬性來實現單選框自動選擇。

單選框用keybord屬性，"填寫屬性"選擇[keyboard]屬性,屬性值輸入一個空格鍵來實現。如下圖。

9.jpg (33.31 KB, 下載次數: 214)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

這樣設置就是模擬鍵盤操作直接選擇name的第三個同名屬性值。效果如下圖。

10.jpg (32.47 KB, 下載次數: 221)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:21 上傳

四、網頁下拉列表的自動填寫，怎么實現呢？看看需要實現自動填寫的下拉列表吧。

29.jpg (5.49 KB, 下載次數: 221)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

所在地區，首先需要選擇省，然后才能選擇市。我們用網頁自動操作通用工具實現。

30.jpg (30.41 KB, 下載次數: 225)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

下面我們來講講實現步驟。

第一步，打開網頁自動操作通用工具，在網頁自動提交監控操作對話框，點擊"添加"，把下拉表單網址輸入進去，點擊"自動獲取"，然后點擊"確定"按鈕添加網址。

31.jpg (37.41 KB, 下載次數: 205)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

第二步，在提交內容選項卡，添加需要提交的省、市下拉框。我們以自動選擇省為例。點擊"添加"，"元素別名"命名為省份，"獲取元素方式"選擇通過html元素屬性獲取，點擊"自動獲取"。

32.jpg (34.83 KB, 下載次數: 217)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

把鼠標放到省份下拉框上，ALT+T鍵選中，然后"添加元素"。

33.jpg (38.17 KB, 下載次數: 218)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

第三步：確定“填寫屬性"，意思是用哪種屬性來獲取到你需要的省份(比如河南省)。這里有四種實現方法，必須通過分析源碼來實現。

34.jpg (43.96 KB, 下載次數: 208)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

方法1：通過省份對應的value值來實現。比如我們需要自動選擇河南省，河南省對應的value是10。那我們"填寫屬性"選擇value，”填寫內容"寫10.設置填寫完省份后通過觸發onchange事件使得城市列表也加載了，所以"填寫完后觸發事件"選擇onchange，自動觸發onchange事件到城市選擇項。

35.jpg (38.4 KB, 下載次數: 223)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

按同樣的方法設置城市為河南的安陽市。

36.jpg (31.31 KB, 下載次數: 219)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

設置完了。下面我們看一下自動填寫下拉列表為河南省安陽市的效果。

37.jpg (35.79 KB, 下載次數: 214)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

方法2：”填寫屬性”選擇selectedIndex屬性。河南省為列表的第11項。

38.jpg (32.26 KB, 下載次數: 224)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

方法3："填寫屬性"選擇text文本屬性，填寫值輸入河南。

39.jpg (31.2 KB, 下載次數: 222)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳

方法4：通過模擬鍵盤向下選擇下拉列表操作，“填寫屬性"選擇[keybord]屬性，河南為列表第11個元素，所以填寫值寫{Down??11}.

40.jpg (32.51 KB, 下載次數: 240)

網頁自動填表基礎教程從簡單開始

2017-5-30 21:22 上傳網頁自動填表基礎教程就講到這里，希望對大家有所幫助

總結

以上是生活随笔為你收集整理的php自动填表单,网页自动填表基础教程从简单开始的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。