影刀RPA新手教程：填写第一个输入框——怎么在网页上自动填文字
作者：林焱
前面几篇教程，我们已经学会了元素捕捉。
这一篇教程，我们要来讲一个非常常用的操作：填写输入框。
什么是填写输入框？就是让RPA在网页上的输入框里面，自动填写文字。
比如，让RPA在百度的搜索框里面，自动填写"你好世界"这四个字。
或者，让RPA在一个表单网页里面，自动填写姓名、电话、邮箱等等信息。
这个操作，在RPA自动化里面，用得非常多。
所以这一篇教程，你要认真看。
案例主线：打开一个表单网页，自动填写姓名、电话、邮箱
我们这一篇要做的案例是：
第一步：创建一个新流程。
第二步：添加一条"打开网页"指令，让RPA打开一个表单网页（我们可以自己做一个简单的HTML表单网页，或者用网上的一个测试表单网页）。
第三步：添加三条"填写输入框"指令，分别用来填写姓名、电话、邮箱。
第四步：对每一条"填写输入框"指令，都进行元素捕捉，捕捉到对应的输入框。
第五步：在"输入内容"属性里面，填写要输入的内容（可以是固定的文字，也可以是用变量）。
第六步：运行流程，看看RPA是不是能自动填写这些输入框。
这六步做完，你就学会了怎么在网页上自动填写文字了。
第一步：准备一个表单网页
在正式开始之前，我们需要准备一个表单网页，用来测试"填写输入框"指令。
你可以选择以下两种方法之一：
方法一：自己做一个简单的HTML表单网页。
具体做法：
在你的电脑桌面上，新建一个文本文件，文件名改成"form.html"（注意，扩展名是".html"，不是".txt"）。
然后用记事本打开这个文件，把下面这段代码复制进去，保存：
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>简单表单</title></head><body><h2>简单表单</h2><form>姓名：<inputtype="text"id="name"name="name"><br><br>电话：<inputtype="text"id="phone"name="phone"><br><br>邮箱：<inputtype="text"id="email"name="email"><br><br><inputtype="submit"value="提交"></form></body></html>保存好之后，用浏览器打开这个"form.html"文件，你就会看到一个简单表单页面，上面有姓名、电话、邮箱三个输入框，以及一个"提交"按钮。
方法二：用网上的一个测试表单网页。
比如，你可以打开百度搜索"HTML表单测试页面"，找一个在线的测试表单页面，用来测试。
我建议你用方法一，自己做一个HTML表单网页，这样你可以完全控制这个页面，方便测试。
我当时第一次做表单自动化的测试的时候，是在公司的系统里面测试的。
结果我老是填错数据，把公司的系统里面的测试数据搞得乱七八糟，被领导批评了一顿。
后来我就学乖了，自己做了一个HTML表单网页，在本地测试，不会影响到公司的系统。
所以我现在建议你，测试的时候，尽量用自己做的测试页面，不要在公司系统里面测试。
第二步：创建流程并打开表单网页
表单网页准备好之后，我们来创建流程。
第一步：打开影刀RPA，创建一个新流程。
点击"文件"菜单 -> “新建流程”，在弹出来的窗口里面，填写流程名称，比如"自动填写表单"。
填写好之后，点击"确定"按钮。
第二步：在流程里面，添加一条"打开网页"指令。
在指令箱里面，找到"打开网页"指令（在"网页自动化"类别下面），用鼠标按住它，拖到流程编辑区里面，松开鼠标。
然后，选中这条"打开网页"指令，在右侧的属性面板里面，填写"网址"属性。
店群矩阵自动化突破运营极限！
如果你用的是自己做的HTML表单网页（form.html），那么"网址"怎么填呢？
你需要把这个HTML文件的路径填进去。
比如，你的form.html文件保存在桌面上，那么它的路径可能是：
“C:\Users\你的用户名\Desktop\form.html”
但是，在"打开网页"指令的"网址"属性里面，不能填文件路径，要填"文件URL"。
正确的填法是：
file:///C:/Users/你的用户名/Desktop/form.html
注意：
开头是"file:///"，三个斜杠。
路径里面的反斜杠（\）要改成斜杠（/）。
比如"C:\Users\Aruanjian888\Desktop\form.html"要改成"file:///C:/Users/Aruanjian888/Desktop/form.html"。
填好"网址"之后，还要在"浏览器类型"属性里面，选择你想用的浏览器（比如Chrome）。
还要勾选"等待加载完成"这个复选框（如果有的话）。
填完这些属性之后，"打开网页"指令就配置好了。
保存流程（按Ctrl+S），然后先运行一下这条指令，看看能不能打开你的表单网页。
如果能打开，那就说明配置正确，可以进行下一步了。
我当时第一次用"打开网页"指令打开本地HTML文件的时候，不知道要填"file:///"开头的URL。
我直接填了文件路径（“C:\Users…”），结果运行的时候报错了，说"网址格式不正确"。
后来我才知道，打开本地HTML文件，要填"file:///"开头的URL，不能填文件路径。
所以你现在知道了，打开本地HTML文件的时候，"网址"属性要填"file:///…"开头的URL。
第三步：添加第一条"填写输入框"指令——填写姓名
表单网页打开之后，我们来添加第一条"填写输入框"指令，用来填写"姓名"输入框。
第一步：在指令箱里面，找到"填写输入框"指令（在"网页自动化"类别下面）。
用鼠标按住它，拖到流程编辑区里面，放在"打开网页"指令的下面，松开鼠标。
第二步：选中刚刚添加的"填写输入框"指令，然后看右侧的属性面板。
属性面板里面，有几个需要填写的属性：
属性一：“操作目标”。
在这个属性里面，我们要指定，要让RPA在哪个输入框里面填写内容。
怎么指定？需要用到我们上一篇教程讲的"捕捉元素"功能。
在"操作目标"属性的右边，有一个"捕捉元素"按钮（可能是一个靶心的图标，或者写着"捕捉"两个字）。
用鼠标左键点击这个"捕捉元素"按钮。
点击之后，影刀RPA的窗口会最小化，控制权会交给你鼠标。
这时候，你移动鼠标到表单网页的"姓名"输入框上面，你会看到红色的边框把这个输入框框起来了。
当红色的边框正好框住了"姓名"输入框的时候，用鼠标左键点击一下这个输入框。
点击之后，影刀RPA的窗口会弹回来，然后"操作目标"属性里面，就会出现你刚才捕捉到的输入框的信息。
一般会显示元素的名字（比如"输入框_姓名"），以及元素的一些特征。
属性二：“输入内容”。
在这个属性的输入框里面，填写你要输入的文字。
我们要填写姓名，比如填写"张三"，那么就在这个输入框里面填写"张三"。
注意：输入内容的时候，不需要加引号。直接输入张三两个宇就好了。
属性三：“输入方式”。
在这个属性的下拉框里面，选择输入方式。
一般选择"模拟人工输入"，这样RPA输入文字的方式更像真人在键盘上打字。
填完这些属性之后，第一条"填写输入框"指令就配置好了。
第四步：添加第二条和第三条"填写输入框"指令——填写电话和邮箱
第一条"填写输入框"指令配置好之后，我们来添加第二条和第三条，分别用来填写"电话"和"邮箱"。
添加的方法和第三步是一样的，我这里简要地说一下：
添加第二条"填写输入框"指令（填写电话）：
在指令箱里面，找到"填写输入框"指令，拖到流程编辑区里面，放在第一条"填写输入框"指令的下面。
选中这条指令，在属性面板里面，点击"操作目标"右边的"捕捉元素"按钮，捕捉表单网页上的"电话"输入框。
捕捉成功之后，在"输入内容"属性里面，填写一个电话号码，比如"13800138000"。
在"输入方式"属性里面，选择"模拟人工输入"。
添加第三条"填写输入框"指令（填写邮箱）：
在指令箱里面，找到"填写输入框"指令，拖到流程编辑区里面，放在第二条"填写输入框"指令的下面。
选中这条指令，在属性面板里面，点击"操作目标"右边的"捕捉元素"按钮，捕捉表单网页上的"邮箱"输入框。
捕捉成功之后，在"输入内容"属性里面，填写一个邮箱地址，比如"zhangsan@example.com"。
在"输入方式"属性里面，选择"模拟人工输入"。
这样，三条"填写输入框"指令就都配置好了。
第五步：保存并运行流程，看看效果
所有指令都配置好之后，我们来保存并运行流程，看看RPA是不是能自动填写这些输入框。
第一步：保存流程（按Ctrl+S）。
第二步：运行流程（按F5，或者点击"运行"按钮）。
运行之后，你会看到：
首先，RPA自动打开了你的浏览器，然后打开了你的表单网页。
然后，RPA在"姓名"输入框里面，自动填写了"张三"。
然后，RPA在"电话"输入框里面，自动填写了"13800138000"。
然后，RPA在"邮箱"输入框里面，自动填写了"zhangsan@example.com"。
如果以上步骤都成功了，那就说明你的流程运行成功了！
恭喜你，你已经学会了怎么在网页上自动填写文字！
我当时第一次做"填写输入框"自动化的时候，运行流程之后，发现只有第一个输入框（姓名）填写成功了，第二个（电话）和第三个（邮箱）都没有填写。
我检查了半天，才发现是我的"填写输入框"指令的顺序排错了。
我把第三条指令（填写邮箱）排在了第二条（填写电话）的上面，但是没有捕捉错元素，是我在属性面板里面把"输入内容"填错了。
第二条指令的"输入内容"我填的是邮箱，第三条指令的"输入内容"我填的是电话，搞反了。
后来我把它们改正过来，重新运行，就全部填写成功了。
所以你做流程的时候，一定要仔细检查每一条指令的"输入内容"属性，确保填的是正确的内容。
"输入内容"属性的高级用法：使用变量
在上面的例子里面，我们的"输入内容"都是固定的文字（比如"张三"、“13800138000”）。
但是，在实际的RPA应用里面，我们的输入内容往往不是固定的，而是从Excel里面读取出来的，或者从其他地方获取到的。
这时候，我们就需要使用"变量"来保存这些输入内容，然后在"输入内容"属性里面，填写这个变量的名字。
比如，你想让RPA从Excel里面读取第一行的姓名、电话、邮箱，然后填写到表单里面。
那么你需要：
第一步：用"启动Excel"指令和"读取Excel内容"指令，把第一行的数据读取出来，保存到变量里面。
比如，姓名保存到变量"姓名"里面，电话保存到变量"电话"里面，邮箱保存到变量"邮箱"里面。
temu店群自动化报活动案例
第二步：在"填写输入框"指令的"输入内容"属性里面，不是填写固定的文字，而是点击输入框右边的"fx"按钮（或者类似的按钮，意思是"使用变量"），然后选择对应的变量。
比如，第一条"填写输入框"指令（填写姓名）的"输入内容"属性，选择变量"姓名"。
第二条（填写电话）的"输入内容"属性，选择变量"电话"。
第三条（填写邮箱）的"输入内容"属性，选择变量"邮箱"。
这样，RPA就会把Excel里面读取出来的数据，填写到表单里面了。
关于"变量"的详细用法，我们后面的教程会讲。
现在你只需要知道，"输入内容"属性不仅可以填固定的文字，还可以使用变量。
12大核心模块之"数据处理"和"变量"模块初步介绍
在这一篇里面，我们讲了"填写输入框"指令。
这个指令属于"网页自动化"模块，我们之前已经讲过了。
但是，在这一篇里面，我们还提到了从Excel读取数据，然后填写到表单里面。
这个操作，就涉及到了"数据处理"模块和"变量"模块。
"数据处理"模块，是12大核心模块中的第六个模块，讲的是怎么处理Excel、CSV、文本文件等等里面的数据。
"变量"模块，是12大核心模块中的第三个模块，讲的是怎么在流程里面保存和使用数据。
我们后面的教程会详细地讲这两个模块的内容。
现在你只需要有一个初步的印象：要让RPA处理数据（比如从Excel读取数据），就需要用到"数据处理"模块和"变量"模块。
我当时踩过的坑
我第一次做"填写输入框"自动化的时候，踩过四个坑。
第一个坑：我不知道"操作目标"需要通过"捕捉元素"来指定。
我直接在"输入内容"里面填了文字，然后运行，结果报错了，说"操作目标不能为空"。
第二个坑：我捕捉元素的时候，捕捉错了对象。
我想捕捉"电话"输入框，结果不小心点击了"邮箱"输入框，结果RPA把电话填到了邮箱输入框里面。
后来我才知道，捕捉元素的时候要非常小心，确保点击的是正确的输入框。
第三个坑：我在"输入内容"属性里面，把第二条指令和第三条指令的内容填反了。
结果运行的时候，电话填到了邮箱输入框里面，邮箱填到了电话输入框里面。
后来我仔细检查，才发现填反了，改正过来就好了。
第四个坑：我想从Excel读取数据来填写，但是不知道要在"输入内容"属性里面使用变量。
我直接在"输入内容"里面填了"姓名"两个字（以为是变量名），结果RPA就把"姓名"这两个字填到了输入框里面，不是填的Excel里面的数据。
后来我才知道，"输入内容"里面如果要使用变量，需要点击"fx"按钮，然后选择变量，不是直接填变量名。
小结
这一篇教程，我们讲了以下内容：
怎么准备一个表单网页用来测试。
怎么创建流程并打开表单网页。
怎么添加"填写输入框"指令，并配置它的属性（操作目标、输入内容、输入方式）。
怎么运行流程，让RPA自动填写输入框。
"输入内容"属性的高级用法：使用变量（从Excel读取数据来填写）。
12大核心模块之"数据处理"和"变量"模块的初步介绍。
案例主线：打开一个表单网页，自动填写姓名、电话、邮箱。
你现在应该已经学会怎么在网页上自动填写文字了。
更多RPA学习资源，可以访问 home.linyan.cloud 查看。
下一篇教程，我们会讲：影刀RPA新手教程：点击第一个按钮——怎么让影刀自动点击网页按钮。
我们会讲怎么用"点击元素"指令，让RPA自动点击网页上的按钮。
#影刀RPA #RPA教程 #填写输入框 #RPA表单填写 #RPA新手教程 #零基础学RPA #影刀入门
作者：林焱