Practice NAME Locator

name 常用于表单元素（input[type=text/radio/checkbox/hidden] / select / textarea），是操作表单的首选。

练习要求 · 方法 2：By.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 + 效果区记录

定位后操作效果展示区域

本区域用于展示：使用 By.NAME 定位到上方注册表单后，执行「输入 / 选单选 / 勾选多选 / 选择城市 / 提交注册」等操作的真实反馈结果。

当前尚无操作记录

请尝试：① 填写「姓名 / 邮箱 / 手机号」② 选择「性别」单选 ③ 勾选多个「兴趣爱好」 ④ 选择城市 + 同意条款 ⑤ 点击「提交注册」按钮。

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

练习说明

方法 2：By.NAME — 通过 name 属性定位

练习目标 1：新用户注册表单（By.NAME 定位各表单元素）

新用户注册

定位后操作效果展示区域