### Selenium 中 Web 自动化 Form 表单操作 在 Selenium 中，可以通过定位 HTML 元素并对其进行交互来完成表单的自动填充和提交。以下是具体实现方式： #### 定位元素 Selenium 提供多种方法来定位 HTML 元素，例如 `id`、`name`、`class name` 和 XPath 等[^1]。 ```python from selenium import webdriver from selenium.webdriver.common.by import By driver = webdriver.Chrome() driver.get("https://www.example.com") # 使用 id 定位输入框 username_field = driver.find_element(By.ID, "username") password_field = driver.find_element(By.NAME, "password") # 使用 name 定位密码框 login_button = driver.find_element(By.XPATH, "//button[@type='submit']") # 使用 XPath 定位按钮 ``` #### 填充表单 找到目标元素后，可以使用 `.send_keys()` 方法向其发送字符串值[^1]。 ```python username_field.send_keys("test_user") password_field.send_keys("secure_password") ``` #### 提交表单 表单可以通过点击提交按钮或者直接调用 `.submit()` 方法进行提交。 ```python login_button.click() # 点击按钮提交 # 或者 password_field.submit() # 调用 submit 方法提交 ``` --- ### Puppeteer 中 Web 自动化 Form 表单操作 Puppeteer 是基于 Node.js 的无头浏览器库，同样支持对表单的操作。以下是一个完整的示例： #### 启动浏览器并导航到目标页面 创建一个新的浏览器实例，并打开指定的目标 URL。 ```javascript const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto('https://www.example.com'); })() ``` #### 定位并填充表单字段 通过 CSS 选择器或 XPath 来定位表单字段，并设置对应的值。 ```javascript await page.type('#username', 'test_user'); // 输入用户名 await page.type('#password', 'secure_password'); // 输入密码 ``` #### 提交表单 可以选择点击提交按钮或将焦点移动到特定位置触发事件。 ```javascript // 方式一：点击按钮 await page.click('input[type="submit"]'); // 方式二：按下回车键 await page.keyboard.press('Enter'); ``` 最后关闭浏览器实例： ```javascript await browser.close(); ``` --- ### 总结 无论是 Selenium 还是 Puppeteer，在处理 Web 自动化的表单时都需要经历三个主要阶段——**定位元素**、**填充数据**以及**提交表单**。两者都提供了丰富的 API 支持这些操作，开发者可以根据实际需求灵活选用合适的工具[^1][^2]。