在Web自动化测试中，页面常通过接口或脚本延迟渲染表单，输入字段出现时机不可控，且时间类控件往往屏蔽直接键入。Selenium提供了等待机制与元素交互方法，可稳妥应对这两类场景。
一、动态加载输入字段的处理
对于异步出现的输入框，应使用显式等待而非固定休眠。通过 WebDriverWait 结合预期条件，能在元素可见或可交互时再操作。
1. 使用显式等待定位输入框
下面以Python为例，等待名称为 dynamic_input 的输入框出现并输入内容：
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
driver = webdriver.Chrome()
driver.get("https://ipipp.com/demo")
# 显式等待最多10秒，直到输入框可点击
wait = WebDriverWait(driver, 10)
input_box = wait.until(
EC.element_to_be_clickable((By.NAME, "dynamic_input"))
)
input_box.send_keys("测试内容")
2. 处理输入前被遮挡的情况
某些字段需要先点击展开面板才会加载。可先等待触发元素，再等待目标字段：
trigger = wait.until(EC.element_to_be_clickable((By.ID, "open_panel")))
trigger.click()
# 面板中的输入框动态生成
field = wait.until(
EC.visibility_of_element_located((By.CSS_SELECTOR, ".panel input"))
)
field.send_keys("动态值")
二、时间控件的控制方法
时间输入框常为 input 加上只读属性，或提供日历组件。针对不同实现有不同策略。
1. 去除只读后直接赋值
若控件是 <input> 且带 readonly，可用JS去掉属性再设值：
date_input = driver.find_element(By.ID, "date_field")
# 用JS移除readonly
driver.execute_script("arguments[0].removeAttribute('readonly');", date_input)
date_input.clear()
date_input.send_keys("2024-03-15")
2. 操作自定义日历组件
对于非标准时间选择器，应定位内部按钮或单元格。下表列出常见操作：
| 组件类型 | 操作方式 |
|---|---|
| 弹出日历 | 点击输入框，等待面板，选择日期元素 |
| 时间滚轮 | 定位上下箭头并循环点击至目标值 |
示例代码等待日历出现并点击指定日期：
date_input = wait.until(EC.element_to_be_clickable((By.ID, "calendar")))
date_input.click()
day = wait.until(
EC.element_to_be_clickable((By.XPATH, "//td[@data-day='15']"))
)
day.click()
三、稳定性建议
- 优先使用显式等待，避免 time.sleep() 写死等待。
- 对时间控件先观察HTML结构，判断是否可去只读直填。
- 操作前用
EC.element_to_be_clickable确认元素真正可用。
动态加载与时间控制的核心，是先等元素稳定，再按控件实际机制交互，而不是套用单一输入方式。
掌握上述方法后，Selenium脚本在面对延迟表单与各类时间选择器时，能保持较高成功率与执行效率。