元素定位练习 · NAME 属性定位

📌 方法概念
原理：通过 HTML 元素的 name 属性定位；在表单提交时，name=value 会以键值对形式传递给后端，因此表单元素几乎都有 name。
适用场景：表单操作（输入文字、单选、多选、下拉选择、提交/重置）、同名多值元素（如 radio group 性别、checkbox 爱好）。
注意事项：name 可能不唯一，需使用 find_elements 取下标 [0]/[1]/[2] 或按 value 二次过滤；type=hidden 元素需 JS 才能设置。

💻 Selenium 示例（Python）

from selenium import webdriver
from selenium.webdriver.common.by import By
# 1) 定位用户名输入框（name="nameForm1_username"）
driver.find_element(By.NAME, "nameForm1_username").send_keys("zhangsan")
# 2) 定位 radio group 选性别女（多个同名按下标）
genders = driver.find_elements(By.NAME, "nameForm1_gender")
for g in genders:
    if g.get_attribute("value") == "F": g.click()
# 3) 组合定位：name 表单容器 + 再找子元素
form = driver.find_element(By.ID, "nameForm1_form")
form.find_element(By.NAME, "nameForm1_submit").click()

📋 本节练习清单

• ✅ 练习目标 1：新用户注册表单 — ① 填写姓名/邮箱/手机号/城市 By.NAME, "nameForm1_username" 等 4 个输入框 ② 勾选性别 radio（name=nameForm1_gender）和爱好 checkbox（name=nameForm1_hobby，可多选） ③ 勾选「同意用户协议」→ 点击提交按钮观察 Toast + 效果区记录