面对一个登录表单，Playwright 的 getByLabel、getByPlaceholder、getByText 之间应如何按优先级选择？
本题考察登录表单中三个常见定位器的优先级选择。结论是 getByLabel 语义绑定最强，getByPlaceholder 是属性提示，getByText 纯粹按可见文本匹配且脆弱。解释各自绑定来源与为何国际化会破坏 text 定位。
核心关键词Playwright getByLabel getByPlaceholder getByText 选择
面试知识索引 · 分类、标签与搜索
表单专题面试题，157 道完整答案
表单专题面试题第 1 页，显示第 1–50 题，共找到 157 道完整解析，可继续按分类、标签与关键词缩小范围。
157筛选结果
52技术分类
178检索标签
4索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
页面上没有可见 file input（只有拖拽区或按钮）时，Playwright 如何用 filechooser 事件完成上传？
围绕“页面上没有可见 file input（只有拖拽区或按钮）时，Playwright 如何用 filechooser 事”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 waitForEvent('filechooser') 的拦截式上传路径。
核心关键词Playwright filechooser 无 input 元素文件上传 - 0003
只用键盘事件（Tab、Enter、快捷键）驱动表单流程时，Agent 需要验证什么才能确认焦点轨迹正确？
围绕“只用键盘事件（Tab、Enter、快捷键）驱动表单流程时，Agent 需要验证什么才能确认焦点轨迹正确”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确焦点断言（toBeFocused）与快捷键触发结果的确认方法。
核心关键词Playwright 键盘 Tab 焦点轨迹验证 - 0004
原生 select 用 selectOption，而自绘下拉框必须点开再选项——Agent 如何区分并分别自动化？
围绕“原生 select 用 selectOption，而自绘下拉框必须点开再选项——Agent 如何区分并分别自动化”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确两类控件的判定方法与交互序列差异。
核心关键词Playwright selectOption 与自绘下拉框自动化 - 0005
MCP 客户端的 roots、sampling、elicitation 分别允许服务端请求什么？
从工作区、模型生成与用户补充信息三个方向解释 MCP 客户端能力，说明 sampling.tools 和 elicitation 模式，以及能力声明不等于授权或资源开放。
核心关键词MCP 客户端 roots sampling elicitation 能力区别 - 0006
MCP 的 Elicitation 允许服务端向用户请求结构化输入，适用场景与敏感信息限制是什么？
围绕“MCP 的 Elicitation 允许服务端向用户请求结构化输入，适用场景与敏感信息限制是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 schema 约束的表单式输入及禁止索取密码等敏感信息。
核心关键词MCP elicitation 用户输入 请求 - 0007
如何在模型驱动表单中动态添加或删除表单控件？这需要修改哪些数据结构？
围绕“如何在模型驱动表单中动态添加或删除表单控件？这需要修改哪些数据结构”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明需通过 FormGroup 与 FormArray 拓展动态结构。
核心关键词模型驱动表单 动态添加删除控件 - 0008
当一个组件的 @Input() 属性接收了空值（如 null）时，它是否会被视为有效输入？如何判断是否已赋值？
围绕“当一个组件的 @Input() 属性接收了空值（如 null）时，它是否会被视为有效输入？如何判断是否已赋值”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明输入值为 null 仍被视为有效输入，需通过显式比较判断。
核心关键词Angular @Input() null 值 有效输入 判断方式 - 0009
父组件如何通过 @Input() 和 @Output() 与子组件通信？当子组件发出事件后，父组件如何处理？
本题解释 Angular 基于 @Input/@Output 的父子通信机制，阐明输入是单向传值且不可反向修改，输出事件由 EventEmitter 同步触发，并给出具体购物车场景及失效边界。
核心关键词Angular @Input @Output 通信 事件发射 事件处理 - 0010
<input type=file> 的 accept 属性能否当作安全校验，失败体验应怎样兜底？
本文解释 input accept 属性的本质是选择提示而非安全边界，给出其可被绕过的情况。说明如何在前端通过 File.type 和扩展名进行辅助校验，并强调服务端校验的必要性，以及失败时的用户提示和体验兜底。
核心关键词input file accept 属性 校验 - 0011
:focus-within 伪类对哪些场景很有用？它和 :focus 的继承关系如何？
围绕“:focus-within 伪类对哪些场景很有用？它和 :focus 的继承关系如何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释当子元素获得焦点时父元素匹配，用于表单高亮。
核心关键词CSS :focus-within pseudo-class usability - 0012
:required 与 :optional 伪类是如何对应输入框属性的？请结合实际表单验证场景。
围绕“:required 与 :optional 伪类是如何对应输入框属性的？请结合实际表单验证场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释它们根据 required 属性，但不能直接判断有效/无效，可配合 :valid。
核心关键词CSS :required :optional input validation - 0013
:in-range 和 :out-of-range 伪类适用于哪些控件？如何设置范围并触发？
围绕“:in-range 和 :out-of-range 伪类适用于哪些控件？如何设置范围并触发”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕须提到可适用于 input[type=number] 或 range，需 min/max 属性。
核心关键词CSS :in-range pseudo-class input range - 0014
:enabled 和 :disabled 伪类能适用于哪些元素？如果对链接使用会怎样？
围绕“:enabled 和 :disabled 伪类能适用于哪些元素？如果对链接使用会怎样”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它们主要针对表单控件，链接不能用。
核心关键词CSS :enabled :disabled form elements - 0015
表单校验规则随业务频繁增减时，如何用策略模式组织校验逻辑？
围绕“表单校验规则随业务频繁增减时，如何用策略模式组织校验逻辑”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确每条规则为独立策略、按字段组合执行的结构。
核心关键词策略模式 表单校验 规则 - 0016
focusin/focusout 事件与 focus/blur 事件在冒泡行为上有何差异？在表单校验中如何选择？
围绕“focusin/focusout 事件与 focus/blur 事件在冒泡行为上有何差异？在表单校验中如何选择”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 focusin/focusout 冒泡（但非标准被广泛支持），以及委托时优先使用 focusin。
核心关键词focusin focusout 与 focus blur 区别 - 0017
HTMLCollection 的 namedItem 方法在什么时候有用？它如何处理重名的项？
围绕“HTMLCollection 的 namedItem 方法在什么时候有用？它如何处理重名的项”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答可用于表单等带 name 属性元素。会返回第一个匹配或 null。
核心关键词HTMLCollection namedItem 重名处理 - 0018
在 Express 接口设计中，multipart/form-data 直传与 JSON 内嵌 base64 各有什么代价？
围绕“在 Express 接口设计中，multipart/form-data 直传与 JSON 内嵌 base64 各有什”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须从体积膨胀约 33%、body limit、内存占用与流式处理能力给出选型判断，不讲预签名直传对象存储的架构。
核心关键词Express 文件上传 multipart base64 对比 - 0019
Go 的 select 在多个 case 同时就绪时怎么选择，default 分支带来什么行为变化？
围绕“Go 的 select 在多个 case 同时就绪时怎么选择，default 分支带来什么行为变化”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明多分支就绪时伪随机选择、default 使 select 变非阻塞及忙轮询风险。
核心关键词Go select 随机 就绪 default 非阻塞 - 0020
为什么 GraphQL 的输入参数必须使用 Input 类型而不能直接用 Object 类型？
围绕“为什么 GraphQL 的输入参数必须使用 Input 类型而不能直接用 Object 类型”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释输入与输出类型分离对循环引用、默认值和校验的意义。
核心关键词GraphQL input type 输入类型 原因 - 0021
<form> 的 accept-charset 属性影响什么？若省略，字符编码如何确定？
围绕“<form> 的 accept-charset 属性影响什么？若省略，字符编码如何确定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释字符集列表、默认继承页面编码。
核心关键词HTML form accept-charset 字符编码 - 0022
为什么推荐用 value 属性（DOM 属性）而不是 getAttribute('value') 获取输入内容？
围绕“为什么推荐用 value 属性（DOM 属性）而不是 getAttribute('value') 获取输入内容”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕强调属性为反射但当前值在属性。
核心关键词HTML input value 属性与 attribute 区别 - 0023
autocomplete 属性有哪些重要取值？密码正确实践是什么？
围绕“autocomplete 属性有哪些重要取值？密码正确实践是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要讨论表单管理器行为，重点 autocomplete 的语义值。
核心关键词HTML autocomplete 密码自动填充实践 - 0024
autocomplete 属性如何用具体 token 描述地址或卡片信息？
围绕“autocomplete 属性如何用具体 token 描述地址或卡片信息”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明识别标准 token 支持自动填充，不列举所有类型。
核心关键词HTML autocomplete token 地址卡片字段 - 0025
在 HTML 表单中 autofocus 属性如何在页面加载时聚焦控件？它有哪些可用性注意事项？
围绕“在 HTML 表单中 autofocus 属性如何在页面加载时聚焦控件？它有哪些可用性注意事项”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕描述 autofocus 单页、可能影响屏幕阅读器。
核心关键词HTML autofocus 属性 表单自动聚焦 - 0026
<button> 的 type 属性默认是什么？不当设置可能导致什么提交问题？
围绕“<button> 的 type 属性默认是什么？不当设置可能导致什么提交问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕强调默认 type=submit，防止非预期提交，不比较 button 与 input。
核心关键词HTML button type 默认 submit 问题 - 0027
复选框（checkbox）的 indeterminate 属性如何设置？它与 checked 状态有何关系？
围绕“复选框（checkbox）的 indeterminate 属性如何设置？它与 checked 状态有何关系”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 indeterminate 仅由脚本设置，不影响 checked。
核心关键词HTML checkbox indeterminate 属性设置 - 0028
color 输入类型要求 value 为何种格式？是否支持带透明度？
本题讲解 input type=color 的 value 格式要求，说明传统 #rrggbb 与 alpha 通道的关系，并解释现代浏览器扩展支持与兼容注意点，给出实用判断方法。
核心关键词HTML input color hex value alpha - 0029
CSS 选择器 :valid、:invalid、:user-valid 之间的区别与优先级？
围绕“CSS 选择器 :valid、:invalid、:user-valid 之间的区别与优先级”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释伪类基于校验状态，区分用户交互与初始状态。
核心关键词CSS :valid :invalid :user-valid 区别 - 0030
<datalist> 如何与 input 关联？它是否为强制选项？
围绕“<datalist> 如何与 input 关联？它是否为强制选项”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕强调 datalist 提供建议、不强制，配合 list 属性，不深入自动补全。
核心关键词HTML datalist 与 input 关联 非强制建议 - 0031
date 输入类型提交的值格式是什么？它是否包含时区信息？
date 输入类型的提交值格式为 yyyy-mm-dd，不携带时区。题目明确解析了该类型与 datetime-local、time 的区别，并说明如何获取和设置值，以及提交后服务端应如何理解该日期。
核心关键词HTML input type date value format timezone - 0032
datetime-local 提交的值包含哪些部分？它与 date 和时间类型的组合用途有什么不同？
围绕“datetime-local 提交的值包含哪些部分？它与 date 和时间类型的组合用途有什么不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕强调本地日期时间无时区，并对比独立日期与时间组合。
核心关键词HTML datetime-local 值格式 无时区 - 0033
HTML 的 email 输入类型如何做格式校验？它接受哪些边界值（如带+号、子域名或国际化邮箱）？
本文说明 HTML email 输入类型的约束验证机制，包括内置正则的宽松匹配、multiple 多地址语义，并分析 +号、子域名、国际化邮箱等边界条件，最后指出客户端校验不能替代服务器验证。
核心关键词HTML input type email validation rules - 0034
表单的 enctype 值有哪些？multipart/form-data 为何常用于文件上传？
围绕“表单的 enctype 值有哪些？multipart/form-data 为何常用于文件上传”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要比较三种 enctype 的场景，不解析二进制分帧细节。
核心关键词HTML form enctype multipart 文件上传编码 - 0035
对 <fieldset> 设置 disabled 如何影响其内部控件？有哪些例外？
围绕“对 <fieldset> 设置 disabled 如何影响其内部控件？有哪些例外”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明除 name 本身外其它表单控件都禁用。
核心关键词HTML fieldset disabled 子控件行为 - 0036
<fieldset> 和 <legend> 如何为表单提供可访问性分组？
围绕“<fieldset> 和 <legend> 如何为表单提供可访问性分组”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖强调分组 label 的关联作用。
核心关键词HTML fieldset legend 表单可访问性分组 - 0037
file 输入的 accept 与 multiple 属性如何限制可选择的文件？
围绕“file 输入的 accept 与 multiple 属性如何限制可选择的文件”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 accept 仅过滤建议、multiple 允许多选，不处理文件内容。
核心关键词HTML file input accept multiple 文件限制 - 0038
HTML5 的 form 属性如何让控件关联到外部的表单？它有什么用途与限制？
围绕“HTML5 的 form 属性如何让控件关联到外部的表单？它有什么用途与限制”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明可关联同一文档中非子孙表单。
核心关键词HTML form 属性 关联外部表单控件 - 0039
new FormData(form) 如何收集表单数据？它如何处理禁用元素？
围绕“new FormData(form) 如何收集表单数据？它如何处理禁用元素”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明只有成功控件才包括，禁用被忽略。
核心关键词FormData(form) 收集数据 禁用控件处理 - 0040
submit 按钮如何通过 formmethod 与 formaction 覆盖其所属表单的 method 与 action？
围绕“submit 按钮如何通过 formmethod 与 formaction 覆盖其所属表单的 method 与 ac”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释按钮级覆盖机制。
核心关键词HTML formaction formmethod 覆盖表单属性 - 0041
formnovalidate 属性在提交按钮上如何绕过表单校验？
围绕“formnovalidate 属性在提交按钮上如何绕过表单校验”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明仅对提交按钮生效，不改变表单的 novalidate。
核心关键词HTML formnovalidate 提交按钮绕过校验 - 0042
hidden 输入类型在表单一侧有哪些实用场景？它的 name 与 value 提交时是否包含？
围绕“hidden 输入类型在表单一侧有哪些实用场景？它的 name 与 value 提交时是否包含”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明维持状态或额外数据，不提安全用途。
核心关键词HTML hidden input 用途与提交行为 - 0043
image 输入类型的名称由来是什么？它提交额外坐标数据但有哪些可访问性问题？
围绕“image 输入类型的名称由来是什么？它提交额外坐标数据但有哪些可访问性问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 image 是一种提交按钮且提交 x/y 坐标，不覆盖图片上传。
核心关键词HTML input type image 坐标提交可访问性 - 0044
input 的 lang 或 dir 属性如何影响输入法或提交编码？
围绕“input 的 lang 或 dir 属性如何影响输入法或提交编码”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕只谈 lang 对 IME 及 dir 对方向性的影响。
核心关键词HTML input lang dir 输入法方向性 - 0045
label 的 for 属性如何与表单控件关联？如果控件嵌套在 label 内部还需要 for 吗？
围绕“label 的 for 属性如何与表单控件关联？如果控件嵌套在 label 内部还需要 for 吗”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明显式与隐式关联，并解释嵌套时 for 可选。
核心关键词HTML label for 显式关联与隐式嵌套 - 0046
minlength 与 maxlength 对于 textarea 和 input 的约束有何不同？
围绕“minlength 与 maxlength 对于 textarea 和 input 的约束有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要对比两者在字符数约束及换行处理上的差异。
核心关键词HTML minlength maxlength input textarea 区别 - 0047
month 输入类型提交的值是哪一种格式？其值域的上限与下限如何设置？
围绕“month 输入类型提交的值是哪一种格式？其值域的上限与下限如何设置”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 yyyy-mm 格式及 min/max 用法。
核心关键词HTML input month min max value - 0048
number 输入类型中 step 属性如何影响校验？step=any 的语义是什么？
本文从 step 的基值选取规则出发，解释 step=1 的默认行为、小数步长的浮点误差陷阱，以及 step=any 恢复自由数值的效果。通过 min=50 step=0.1 的实例说明为何某些看似合法的输入被拒绝，并给出 stepMismatch 属性作为脚本检测手段。
核心关键词HTML number input step any 步进校验 - 0049
数字输入的最小/最大/步进约束违例之后，浏览器如何在提交时报告错误？
围绕“数字输入的最小/最大/步进约束违例之后，浏览器如何在提交时报告错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖指出无效属性如 validationMessage 以及具体约束不匹配，不覆盖无限校验。
核心关键词rangeOverflow stepMismatch 校验错误报告 - 0050
在 <select> 中 <optgroup> 能否设置 disabled？它对子选项有何影响？
围绕“在 <select> 中 <optgroup> 能否设置 disabled？它对子选项有何影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 optgroup 禁用后其所有 options 不可选，但不影响其他组。
核心关键词HTML optgroup disabled attribute selection