表单里的 output 元素适合显示什么？
滑块选价、数量乘单价等即时计算结果可以用 output 表达。for 能把计算结果与输入关联，展示的金额却不能当作可信订单价格，也不会自动替代要提交的输入值。 计算展示与表单提交是两套机制，服务器仍须按可信单价重新计算总额。
核心关键词HTML output 元素 表单关联用途
面试知识索引 · 分类、标签与搜索
表单专题面试题，157 道完整答案
表单专题面试题第 2 页，显示第 51–100 题，共找到 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
第 2 页
本页面试问题
按稳定语义路径排序
- 0051
- 0052
pattern 和 title 应怎样配合提示输入格式？
手机号或邀请码输入框可用 pattern 做原生格式约束，再用 title 解释用户应怎样填写。正则要匹配整个值；空值是否无效取决于 required，格式错误可由 patternMismatch 判断，title 不能充当唯一提示。
核心关键词HTML pattern title 校验错误提示 - 0053
placeholder-shown 能判断输入框真的有值吗？
CSS 的 :placeholder-shown 可在占位文字正在显示时给输入框样式，但它不是通用的空值或校验状态判断。再比较与 :not(:placeholder-shown) 的用法，并说明 placeholder、输入类型和空格值等因素如何影响命中。
核心关键词CSS :placeholder-shown 伪类用途 - 0054
单选框靠 name 怎样分组，多个 checked 谁生效？
一组单选框共享 name 才能互斥，提交时也以这个名字传选中项的值。通过配送方式示例说明 checked 初始状态、多个 checked 的解析结果、required 的组级校验，以及为什么同页不同问题不能复用一个 name。
核心关键词HTML radio 单选按钮 name 分组行为 - 0055
range 不写 value 时默认是多少，和 number 有何区别？
滑块并不等于另一种数字输入框。range 始终有区间内的值，初始值通常是中点；精确数字输入、留空等需求则更适合 number 或文本控件。 还要给当前数值提供可见说明，让键盘与辅助技术用户知道滑块停在哪里。
核心关键词HTML input type range default value - 0056
readonly 和 disabled 在表单提交时有什么区别？
看起来都不能编辑的字段，提交与交互行为可能完全不同。再比较 readonly 的可聚焦和可提交、disabled 的不可交互与不提交，并说明哪些输入类型、textarea、select 适用哪种属性，以及必填校验如何受影响。
核心关键词HTML readonly 与 disabled 区别 - 0057
脚本提交表单时，requestSubmit() 和 submit() 差在哪？
想用脚本触发与用户点击提交按钮相同的流程，应调用 requestSubmit()。它先运行约束校验，成功后才触发 submit 事件；旧的 submit() 绕过两者。传入按钮还会影响提交数据和覆盖属性。
核心关键词requestSubmit 与 submit 区别 触发校验 - 0058
required 在文本框、单选框和复选框上怎么校验？
必填并不总是“字符串不能为空”。再比较文本输入、单选组、复选框与下拉框的 valueMissing 条件，说明单选的组级约束、复选框逐项约束、默认选项问题，以及禁用与只读状态为何不能照搬普通必填逻辑。
核心关键词HTML required 属性 各控件校验差异 - 0059
多选 select 怎么拿到所有选中的值？
多选 select 的 value 只返回首个选中 option 的值；要取全部应遍历 selectedOptions，提交到表单时则以同一个 name 发送多个值。FormData.get 也只拿到一项，getAll 才能得到完整数组；没有选中项时还要处理空结果。
核心关键词HTML select multiple value property selectedOptions - 0060
select 的 size 大于 1，就能同时选多个吗？
select 的 size 控制可见选项行数，multiple 才决定能否同时选择多个值。再比较默认下拉框与列表框的呈现，说明单选列表可以显示多行却仍只选一项，以及多选时如何用键盘操作和读取数据。
核心关键词HTML select size 属性 下拉与列表框 - 0061
表单里的 tabindex 怎么改变 Tab 键顺序？
自然的 DOM 顺序通常就是最容易理解的键盘焦点顺序。正数 tabindex 会把元素提前，动态表单因此难维护；脚本可聚焦与日常 Tab 顺序又是两件事。 错误提示可以用 -1 让脚本聚焦，但不应因此插入普通键盘导航链。
核心关键词HTML tabindex 表单键盘焦点顺序 - 0062
搜索框用 type=search，比普通 text 多了什么？
搜索字段和普通文本框都能接收字符串，但 search 给浏览器提供了搜索语义，可能出现清除按钮或特定键盘提示。两者共享基础文本能力，原生清除按钮和键盘外观却不能写死；搜索动作仍需表单提交或脚本处理。
核心关键词HTML input type search vs text - 0063
time 输入的 step=60 和 step=900 分别限制什么？
时间输入的 step 以秒为单位，60 表示一分钟一档，900 表示十五分钟一档。步进基准决定合法时刻，偏离时会出现 stepMismatch；原生选择器显示的分钟选项不一定覆盖全部输入路径。
核心关键词HTML input time step seconds increments - 0064
input type="url" 提交前怎么校验？必须带协议头吗？
type="url" 的输入框会按 URL 语法做基础校验，省略协议的地址通常不能通过；空值是否允许还取决于 required。validity.typeMismatch 能识别格式错误，pattern 可再收紧业务格式，但这些浏览器检查不能代替服务端验证。
核心关键词HTML input type url validation protocol - 0065
setCustomValidity 设置错误后，怎样恢复原生校验？
表单业务规则超出 required、pattern 等原生约束时，可用 setCustomValidity 写自定义错误消息。非空错误消息会让控件持续无效，用户改对后必须清空；input 事件与 reportValidity() 可配合反馈。
核心关键词setCustomValidity 自定义校验提示 - 0066
week 输入的值为什么像 2026-W01，一年一定有 52 周吗？
周输入控件使用 ISO 周编号而不是普通日期字符串。ISO 周以周一开始，第一周和跨年归属有明确规则，有些年份还有第 53 周；格式正确也不等于业务日期范围正确。
核心关键词HTML input week value iso week - 0067
datalist 怎么给输入框加候选值？
input 通过 list 引用 datalist 中的 option 后，浏览器会提供输入建议，但用户仍可提交列表之外的合法值。城市搜索等开放输入适合它；若选项必须受控，应使用 select 或额外校验，还要留意浏览器和辅助技术的呈现差异。
核心关键词datalist input list 自动补全 - 0068
单选和复选框怎么分组，name 起什么作用？
type="radio" 适合一组互斥选项，同一表单里相同 name 的单选按钮组成一组，一次通常只能选一个。type="checkbox" 表示可独立勾选的选项，多项可同时选中。
核心关键词radio checkbox 区别 name 分组 - 0069
label for 怎样关联输入框？不写会少什么？
<label for="id"> 的 for 值对应某个可标注表单控件的唯一 id。关联后，点标签文字也能聚焦输入框或切换复选框，并给控件提供可理解的名称。也可以把控件直接放进 <label> 做隐式关联。
核心关键词label for 属性 表单控件 关联 - 0070
多行输入为什么用 textarea？默认值写在哪里？
<input type="text"> 是单行文本控件，用户输入的换行不会作为多行编辑界面呈现；<textarea> 是专门的多行文本控件。textarea 的初始值写在开始和结束标签之间，不写 value 内容属性。
核心关键词textarea input 多行文本 区别 - 0071
表单计算结果为什么用 output，而不直接用 span？
<output> 表示由计算或用户操作产生的结果，例如滑块选择数量后显示总价。它具有表单结果语义，可用 for 列出参与计算的控件 id，也可用 name 让脚本和表单结构更易识别。
核心关键词output 元素 表单 计算结果 语义 - 0072
select 选项很多时，optgroup 怎么分组？
城市下拉框选项多时，optgroup 可以给华东、华南等选项加组名，选中后提交的仍是 option 的值。label 命名分组，disabled 可禁用整组；占位选项和真正选项的放置还会影响 required 识别，分组也不能嵌套成树。
核心关键词optgroup select 选项分组 - 0073
HTTP 303 See Other 的语义是什么，为什么它常用于表单提交后的重定向？
HTTP 303 See Other 的语义是什么，为什么它常用于表单提交后的重定向？ 本文先给出可直接复述的结论，再用最小代码说明303 See Other POST 重定向的工作方式、判断依据、项目边界和常见误区。
核心关键词303 See Other POST 重定向 - 0074
HTTP 400 与 422 状态码在表单校验失败场景下应如何选择？
HTTP 400 与 422 状态码在表单校验失败场景下应如何选择？ 本文先给出可直接复述的结论，再用最小代码说明HTTP 400 422 校验失败的工作方式、判断依据、项目边界和常见误区。
核心关键词HTTP 400 422 校验失败 - 0075
new Date 解析失败了怎么判断？instanceof Date 为什么不够？
new Date 解析失败不会返回 null，也不报错，而是得到一个时间值为 NaN 的 Date 对象。讲清为什么 instanceof 判断不出来，怎么用 Number.isNaN 配合 getTime 检测，以及 2 月 31 日这种会被自动进位、根本不算无效的日期怎么校验。
核心关键词JavaScript 检测 Invalid Date 的方法 - 0076
做多语言时，「1 file / 2 files」这种单复数怎么写才对？
英语只有单数和复数两种，俄语有三种，阿拉伯语有六种，用 count === 1 判断只对英语有效。讲清 Intl.PluralRules 的 select 返回什么、怎么配合文案表使用、ordinal 模式怎么生成 1st 2nd 3rd，以及为什么文案表必须有 other。
核心关键词Intl.PluralRules 选择复数形式 - 0077
在高频率表单提交场景中，如何避免重复提交导致的数据不一致？
在高频率表单提交场景中，如何避免重复提交导致的数据不一致？ 本文先给出可直接复述的结论，再用最小代码说明Next.js 表单 重复提交 高频提交 防抖策略的工作方式、判断依据、项目边界和常见误区。
核心关键词Next.js 表单 重复提交 高频提交 防抖策略 - 0078
当 Server Actions 中的表单数据验证失败时，如何将错误信息准确回传至客户端？
当 Server Actions 中的表单数据验证失败时，如何将错误信息准确回传至客户端？ 本文先给出可直接复述的结论，再用最小代码说明Next.js 表单 Server Actions 验证失败 错误回传 客户端展示的工作方式、判断依据、项目边界和常见误区。
核心关键词Next.js 表单 Server Actions 验证失败 错误回传 客户端展示 - 0079
在表单中使用 Server Actions 时，如何正确处理多步提交流程中的状态管理？
在表单中使用 Server Actions 时，如何正确处理多步提交流程中的状态管理？ 本文先给出可直接复述的结论，再用最小代码说明Next.js Server Actions 多步表单 状态管理方案的工作方式、判断依据、项目边界和常见误区。
核心关键词Next.js Server Actions 多步表单 状态管理方案 - 0080
系统调用被信号打断返回 EINTR，哪些调用能自动重启哪些不能？
系统调用被信号打断返回 EINTR，哪些调用能自动重启哪些不能？ 本文先给出可直接复述的结论，再用最小代码说明EINTR 慢系统调用 SA_RESTART 自动重启的工作方式、判断依据、项目边界和常见误区。
核心关键词EINTR 慢系统调用 SA_RESTART 自动重启 - 0081
poll 相比 select 改进了什么，又保留了什么共同缺陷？
poll 相比 select 改进了什么，又保留了什么共同缺陷？ 本文先给出可直接复述的结论，再用最小代码说明poll select 区别 共同缺陷 O(n)的工作方式、判断依据、项目边界和常见误区。
核心关键词poll select 区别 共同缺陷 O(n) - 0082
select 在高并发下的三个主要瓶颈是什么？
select 在高并发下的三个主要瓶颈是什么？ 本文先给出可直接复述的结论，再用最小代码说明select FD_SETSIZE 1024 遍历 性能瓶颈的工作方式、判断依据、项目边界和常见误区。
核心关键词select FD_SETSIZE 1024 遍历 性能瓶颈 - 0083
select、poll、epoll 在 fd 数量增长时性能差异的根源是什么？
select、poll、epoll 在 fd 数量增长时性能差异的根源是什么？ 本文先给出可直接复述的结论，再用最小代码说明select poll epoll 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词select poll epoll 区别 - 0084
Background Sync 如何在用户恢复网络后重放离线期间提交的表单请求？
Background Sync 如何在用户恢复网络后重放离线期间提交的表单请求？ 本文先给出可直接复述的结论，再用最小代码说明Background Sync 离线请求重放的工作方式、判断依据、项目边界和常见误区。
核心关键词Background Sync 离线请求重放 - 0085
什么是 React 的复合组件模式，为什么 Select/Option 这类组件适合用它设计？
什么是 React 的复合组件模式，为什么 Select/Option 这类组件适合用它设计？ 本文先给出可直接复述的结论，再用最小代码说明React 复合组件 compound component Context的工作方式、判断依据、项目边界和常见误区。
核心关键词React 复合组件 compound component Context - 0086
React 表单应该选择受控还是非受控，依据是什么？
React 表单应该选择受控还是非受控，依据是什么？ 本文先给出可直接复述的结论，再用最小代码说明React 受控和非受控表单怎么选择的工作方式、判断依据、项目边界和常见误区。
核心关键词React 受控和非受控表单怎么选择 - 0087
React 非受控输入的 defaultValue 改了，为什么当前内容没跟着变？
React 非受控输入的 defaultValue 改了，为什么当前内容没跟着变？ 本文先给出可直接复述的结论，再用最小代码说明React defaultValue 改变输入框不更新的工作方式、判断依据、项目边界和常见误区。
核心关键词React defaultValue 改变输入框不更新 - 0088
React 文件输入为什么不能像文本框一样用 value 控制，怎样读取文件？
React 文件输入为什么不能像文本框一样用 value 控制，怎样读取文件？ 本文先给出可直接复述的结论，再用最小代码说明React file input 非受控读取文件的工作方式、判断依据、项目边界和常见误区。
核心关键词React file input 非受控读取文件 - 0089
React 表单提交成功后，受控与非受控表单各自该如何重置？
React 表单提交成功后，受控与非受控表单各自该如何重置？ 本文先给出可直接复述的结论，再用最小代码说明React 表单 重置 form.reset key 重挂载的工作方式、判断依据、项目边界和常见误区。
核心关键词React 表单 重置 form.reset key 重挂载 - 0090
React 表单里哪些值不应该放进 state，如何避免冗余状态导致的不一致？
React 表单里哪些值不应该放进 state，如何避免冗余状态导致的不一致？ 本文先给出可直接复述的结论，再用最小代码说明React 表单 state 派生值 冗余状态的工作方式、判断依据、项目边界和常见误区。
核心关键词React 表单 state 派生值 冗余状态 - 0091
React 表单的校验应该在输入时、失焦时还是提交时触发，如何为不同字段选择时机？
React 表单的校验应该在输入时、失焦时还是提交时触发，如何为不同字段选择时机？ 本文先给出可直接复述的结论，再用最小代码说明React 表单校验 触发时机 onBlur onChange的工作方式、判断依据、项目边界和常见误区。
核心关键词React 表单校验 触发时机 onBlur onChange - 0092
React 非受控表单在提交时如何一次性读取所有字段的值？
React 非受控表单在提交时如何一次性读取所有字段的值？ 本文先给出可直接复述的结论，再用最小代码说明React 非受控表单 FormData onSubmit 读取的工作方式、判断依据、项目边界和常见误区。
核心关键词React 非受控表单 FormData onSubmit 读取 - 0093
React 数字输入框为什么清不空或出现 NaN，状态怎样建模？
区分编辑字符串、空值和合法业务数字，解释 Number 空字符串、valueAsNumber 与 NaN 的边界，并用完整 JSX 示例演示保留空输入、提交时校验与数值转换。
核心关键词React number input 清空 NaN - 0094
React 表单如何防止用户在请求未完成时重复提交？
React 表单如何防止用户在请求未完成时重复提交？ 本文先给出可直接复述的结论，再用最小代码说明React 表单 防止重复提交 pending 禁用的工作方式、判断依据、项目边界和常见误区。
核心关键词React 表单 防止重复提交 pending 禁用 - 0095
React 19 中 form 的 action 属性和传统 onSubmit 处理方式有什么区别？
React 19 中 form 的 action 属性和传统 onSubmit 处理方式有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明React 19 form action useActionState的工作方式、判断依据、项目边界和常见误区。
核心关键词React 19 form action useActionState - 0096
设计一个可复用的 React 表单字段组件时，props 接口应该怎么设计才好用？
设计一个可复用的 React 表单字段组件时，props 接口应该怎么设计才好用？ 本文先给出可直接复述的结论，再用最小代码说明React 可复用 表单字段组件 props 设计的工作方式、判断依据、项目边界和常见误区。
核心关键词React 可复用 表单字段组件 props 设计 - 0097
React select 多选受控时 value 传什么，怎样读取全部选项？
解释原生 select multiple 的字符串数组 value、selectedOptions 与 FormData.getAll，说明选项删除、异步回填、空选择和选中顺序的业务边界。
核心关键词React select multiple 受控 value 数组 - 0098
React 多字段表单怎样共用 onChange，哪些控件需要单独处理？
React 多字段表单怎样共用 onChange，哪些控件需要单独处理？ 本文先给出可直接复述的结论，再用最小代码说明React 多个 input 共用 onChange的工作方式、判断依据、项目边界和常见误区。
核心关键词React 多个 input 共用 onChange - 0099
为什么 React 的 textarea 用 value 属性而不是子节点设初始内容，这和 HTML 有何不同？
为什么 React 的 textarea 用 value 属性而不是子节点设初始内容，这和 HTML 有何不同？ 本文先给出可直接复述的结论，再用最小代码说明React textarea value 子节点 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词React textarea value 子节点 区别 - 0100
为什么 React 19 的 useFormStatus 必须写在 form 内部的子组件里才有效？
为什么 React 19 的 useFormStatus 必须写在 form 内部的子组件里才有效？ 本文先给出可直接复述的结论，再用最小代码说明React 19 useFormStatus 子组件 form的工作方式、判断依据、项目边界和常见误区。
核心关键词React 19 useFormStatus 子组件 form