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

通常來說，網(wǎng)頁自動(dòng)填表包含單選框、復(fù)選框、文本框、多行文本框、下拉列表框的自動(dòng)填寫。本文講講這些項(xiàng)目的自動(dòng)填寫方法。所用到的工具是網(wǎng)頁自動(dòng)操作通用工具。

一、文本輸入框及多行文本輸入框的自動(dòng)填寫

下面來說說網(wǎng)頁需要填表的情況，比如注冊頁面呀，論壇頁面呀等等。需要填寫每項(xiàng)內(nèi)容，如何實(shí)現(xiàn)文本輸入框和多行文本輸入框的自動(dòng)填寫呢。我們請出網(wǎng)頁自動(dòng)操作通用工具。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

然后看看需要自動(dòng)填寫的頁面。需要在姓名和內(nèi)容框?qū)崿F(xiàn)自動(dòng)填寫。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

1.設(shè)置姓名框自動(dòng)填寫王維。

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

第二步：在"提交內(nèi)容"選項(xiàng)，點(diǎn)擊"添加"，"元素別名"命名為姓名，"獲取元素方式"選擇"通過html元素屬性獲取"，點(diǎn)擊"自動(dòng)獲取"。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

把鼠標(biāo)移動(dòng)到姓名框，右鍵選擇獲取元素，點(diǎn)擊"添加元素"。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

"填寫屬性"寫value,"填寫內(nèi)容"寫“王維”，點(diǎn)擊"確定"按鈕。以上設(shè)置就完成了姓名框自動(dòng)輸入王維的設(shè)置。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

2.設(shè)置在多行文本框自動(dòng)填寫“大學(xué)生的希望是什么?好好學(xué)習(xí)，天天向上，獨(dú)立創(chuàng)新?！?/p>

第一步:點(diǎn)擊"添加"，"元素別名"命名為內(nèi)容，"獲取元素方式"選擇"通過html元素屬性獲取"，點(diǎn)擊"自動(dòng)獲取"。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

把鼠標(biāo)移動(dòng)到內(nèi)容框，右鍵選擇獲取元素，點(diǎn)擊"添加元素"。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

第二步："填寫屬性"寫text,填寫內(nèi)容寫“大學(xué)生的希望是什么?好好學(xué)習(xí)，天天向上，獨(dú)立創(chuàng)新。”，點(diǎn)擊"確定"按鈕。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

好了，設(shè)置完成，下面來看看測試效果。自動(dòng)填寫姓名和內(nèi)容框。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

二、復(fù)選框的自動(dòng)選擇實(shí)現(xiàn)

網(wǎng)頁上，會經(jīng)常出現(xiàn)復(fù)選框，如果你需要自動(dòng)點(diǎn)擊復(fù)選框如下所示，你可以用網(wǎng)頁自動(dòng)操作通用工具的網(wǎng)頁自動(dòng)提交監(jiān)控操作功能。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

1、方法一：分析源碼，利用checked屬性來設(shè)置自動(dòng)選擇復(fù)選框。

首先，在網(wǎng)頁自動(dòng)提交監(jiān)控操作界面，網(wǎng)址列表選項(xiàng)卡，點(diǎn)擊"添加"，輸入網(wǎng)址，點(diǎn)擊"自動(dòng)獲取"，添加好帶有復(fù)選框的網(wǎng)頁。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

設(shè)置完了，我們來看看自動(dòng)選擇已閱讀并同意復(fù)選框的效果。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

大家看看效果如下。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

2.方法二：通過模擬鍵盤操作來實(shí)現(xiàn)復(fù)選框自動(dòng)選擇。

復(fù)選框也可以用[keybord]屬性來實(shí)現(xiàn)自動(dòng)選擇，填寫屬性選擇[keyboard],屬性值輸入一個(gè)空格鍵。如下圖。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

這樣設(shè)置就是模擬鍵盤操作直接選擇復(fù)選框，看下圖復(fù)選框已經(jīng)被選中變色了。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

三、單選框自動(dòng)填寫方法

網(wǎng)頁上，會經(jīng)常出現(xiàn)單選框，如果你需要自動(dòng)點(diǎn)擊單選框如下圖所示(自動(dòng)選擇學(xué)生)，你可以用網(wǎng)頁自動(dòng)操作通用工具的網(wǎng)頁自動(dòng)提交監(jiān)控操作功能來實(shí)現(xiàn)。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

下面談?wù)動(dòng)脙煞N方法來實(shí)現(xiàn)單選框自動(dòng)選擇。

1、方法一：分析源碼，用checked屬性值來實(shí)現(xiàn)單選框自動(dòng)選擇。

首先，在網(wǎng)頁自動(dòng)提交監(jiān)控操作界面，網(wǎng)址列表選項(xiàng)卡，點(diǎn)擊"添加"，輸入網(wǎng)址，點(diǎn)擊"自動(dòng)獲取"，添加好帶有單選框的網(wǎng)頁。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

其次，在提交內(nèi)容選項(xiàng)卡，點(diǎn)擊"添加"，獲取元素方式選擇通過HTML元素屬性獲取，點(diǎn)擊"自動(dòng)獲取"，鼠標(biāo)指向"學(xué)生"那個(gè)單選框選擇獲取元素，"添加元素"。發(fā)現(xiàn)自動(dòng)添加元素與我們實(shí)際要獲取的學(xué)生單選框的元素不一樣。不能通過自動(dòng)獲取元素獲取到學(xué)生單選框。怎么辦呢？

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

第三，這時(shí)候我們需要分析學(xué)生單選框所在位置的源代碼如下所示。我們發(fā)現(xiàn)每個(gè)單選框的屬性均為name,學(xué)生單選框?yàn)榈诙€(gè)name的值。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

通過分析源碼我們手動(dòng)設(shè)置如下。"標(biāo)記名稱"寫input,”標(biāo)記屬性名"的話(我們要選擇學(xué)生單選框，而學(xué)生單選框?yàn)閚ame屬性的第二個(gè)同名元素)，所以填寫[name]2."標(biāo)識唯一值"填usertype."填寫屬性"選擇checked,屬性值填true.通過分析源代碼使用checked屬性自動(dòng)選擇學(xué)生單選框的方法設(shè)置好了。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

我們來看看自動(dòng)選擇學(xué)生單選框的效果。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

來看看效果吧。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

2、方法二：通過模擬鍵盤操作[keyboard]屬性來實(shí)現(xiàn)單選框自動(dòng)選擇。

單選框用keybord屬性，"填寫屬性"選擇[keyboard]屬性,屬性值輸入一個(gè)空格鍵來實(shí)現(xiàn)。如下圖。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:21 上傳

四、網(wǎng)頁下拉列表的自動(dòng)填寫，怎么實(shí)現(xiàn)呢？看看需要實(shí)現(xiàn)自動(dòng)填寫的下拉列表吧。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

所在地區(qū)，首先需要選擇省，然后才能選擇市。我們用網(wǎng)頁自動(dòng)操作通用工具實(shí)現(xiàn)。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

下面我們來講講實(shí)現(xiàn)步驟。

第一步，打開網(wǎng)頁自動(dòng)操作通用工具，在網(wǎng)頁自動(dòng)提交監(jiān)控操作對話框，點(diǎn)擊"添加"，把下拉表單網(wǎng)址輸入進(jìn)去，點(diǎn)擊"自動(dòng)獲取"，然后點(diǎn)擊"確定"按鈕添加網(wǎng)址。

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳

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

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

網(wǎng)頁自動(dòng)填表基礎(chǔ)教程從簡單開始

2017-5-30 21:22 上傳網(wǎng)頁自動(dòng)填表基礎(chǔ)教程就講到這里，希望對大家有所幫助

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。