WorkBuddy支持四种网页表单自动填充方式：一、启用表单识别与映射，通过CSS选择器绑定本地字段；二、用CSV/Excel模板批量提交；三、录制回放处理动态渲染或含验证的表单；四、注入JS脚本实现跨域预填充。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜
如果您希望在多个网页表单中快速完成重复性信息录入，WorkBuddy 提供了自动化填充能力。以下是实现自动填写网页表单及批量录入系统数据的具体操作步骤：
一、启用WorkBuddy的表单识别与映射功能
WorkBuddy 通过 DOM 元素特征（如 name、id、placeholder 或标签文本）自动识别输入框，并将本地字段与网页字段建立对应关系。需确保目标网页未启用反自动化检测机制（如部分银行登录页会屏蔽 input 事件模拟）。
1、打开 WorkBuddy 主界面，点击右上角「设置」图标。
2、进入「智能表单」选项卡，开启「自动识别网页输入框」开关。
3、在「字段映射库」中点击「新增映射规则」，手动输入网页中某输入框的 CSS 选择器（例如 input[name="username"]）并绑定本地字段名（如“账号”）。
4、保存后刷新目标网页，WorkBuddy 将在页面右下角显示浮动按钮，提示「已识别 3 个可填字段」。
二、使用预设模板进行批量表单提交
当需向同一类结构化网页（如CRM新增客户页、OA请假申请页）重复提交多组数据时，可预先导入 CSV 或 Excel 数据，并绑定至已配置的字段映射规则，实现一键循环提交。
1、在 WorkBuddy「模板中心」点击「新建批量任务」。
2、上传包含标题行的 CSV 文件（列名须与已配置的本地字段名完全一致，例如：姓名、手机号、邮箱）。
3、选择已保存的网页字段映射模板，系统自动完成列到输入框的关联匹配。
4、点击「开始执行」，WorkBuddy 将逐条加载数据、自动填充、触发页面默认提交按钮（或自定义点击 selector）。
三、通过录制回放方式捕获非标准表单操作
对于采用 Vue/React 动态渲染、无稳定 name/id 属性，或含验证码/滑块验证的表单，WorkBuddy 支持行为级录制，记录鼠标移动、点击坐标、键盘输入序列等底层事件，绕过 DOM 结构依赖。
1、进入「动作录制」面板，点击「开始录制」按钮。
2、在目标网页中完整操作一次表单填写与提交流程（包括点击下拉、切换 Tab、勾选复选框等）。
3、停止录制后，系统生成可编辑的动作脚本，支持对特定步骤插入「等待元素出现」或「跳过当前条目」逻辑分支。
4、导入多行数据源后，选择该录制脚本作为执行引擎，启动批量运行。
四、调用 JavaScript 注入实现跨域表单预填充
当目标网站部署于不同域名且存在同源策略限制时，WorkBuddy 允许在页面加载完成后注入自定义 JS 脚本，直接操作 document 对象赋值，规避 iframe 隔离或 Shadow DOM 封装导致的识别失败。
1、在「高级设置」中开启「允许跨域脚本注入」权限（需重启浏览器插件）。
2、进入「JS 注入管理」，点击「新建规则」，填写目标网页 URL 匹配模式（例如 *://*.example.com/form/*）。
3、在代码编辑区粘贴如下脚本：
document.querySelector('input[aria-label="姓名"]').value = workbuddy_data.姓名;
document.querySelector('button[type="submit"]').click();
4、保存规则并刷新网页，WorkBuddy 将在页面就绪后自动执行该脚本，使用当前任务上下文中的数据完成填充与提交。
