一、案例概述
该案例是基于火语言实现某电商平台高级搜索页(示例网址:https://search.dangdang.com/advsearch ) 的表单元素自动化交互,聚焦单选框、复选框、下拉框这三类常用页面元素的操作,让大家快速掌握火语言对网页表单中这三类元素的自动化操作方法。

二、实现逻辑
火语言通过 "元素选择器定位 + 操作指令" 的方式实现交互:
1、先打开浏览器,浏览网页,加载目标网页;
2、借助 CSS 选择器精准定位单选框、复选框、下拉框对应的页面元素;
3、依次执行 "选中单选框 / 复选框、选择下拉框选项、触发搜索" 的操作,完成表单交互流程。
三、实现逻辑
1、打开浏览器, 选择浏览器类型

2、浏览网页, 输入网址URL:https://search.dangdang.com/advsearch

3、单选/复选框, 定位单选框 目标元素:#form1 > div.box1.clearfix > label:nth-child(2) > input[type=radio]

4、单选/复选框, 定位复选框 目标元素1:#pbook_panel > p.pack > label:nth-child(2) > input[type=checkbox]

5、单选/复选框, 定位复选框 目标元素2:#pbook_panel > p.pack > label:nth-child(3) > input[type=checkbox]

6、下拉框选择, 定位下拉框选择 目标元素:#pbook_panel > div > div.now_class > input.cat_list,选择值:小说

7、鼠标/元素点击, 定位搜索 目标元素:#search_btn1

调试如下:

案例分享: https://www.huoyuyan.com/share.html?key=eyJhdXRvQ29kZSI6IkZhbHNlIiwia2V5IjoiNTJmNDdlZWU1Mzk4NDgzN2IzMWY5ZWNhOGM1NTA2ZmYifQ== 提取码: 8RiA