数字输入的最小/最大/步进约束违例之后，浏览器如何在提交时报告错误？
围绕“数字输入的最小/最大/步进约束违例之后，浏览器如何在提交时报告错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖指出无效属性如 validationMessage 以及具体约束不匹配，不覆盖无限校验。
核心关键词rangeOverflow stepMismatch 校验错误报告
面试知识索引 · 分类、标签与搜索
5000 道程序员面试题，每题都有完整答案
程序员面试题库第 40 页，收录第 1951–2000 题，共 5000 道完整解析，覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。
5,000完整问题
52技术分类
178检索标签
100索引分页
快速定位
分类、标签与关键词搜索
技术分类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
第 40 页
本页面试问题
按稳定语义路径排序
- 1951
- 1952
在 <select> 中 <optgroup> 能否设置 disabled？它对子选项有何影响？
围绕“在 <select> 中 <optgroup> 能否设置 disabled？它对子选项有何影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 optgroup 禁用后其所有 options 不可选，但不影响其他组。
核心关键词HTML optgroup disabled attribute selection - 1953
<output> 元素在表单中用于什么？它的典型用途是什么？
围绕“<output> 元素在表单中用于什么？它的典型用途是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明输出计算结果的语义。
核心关键词HTML output 元素 表单关联用途 - 1954
pattern 属性如何与 input 的 title 协同工作以提供错误提示？
围绕“pattern 属性如何与 input 的 title 协同工作以提供错误提示”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 pattern 校验和 title 为错误消息时的用途。
核心关键词HTML pattern title 校验错误提示 - 1955
:placeholder-shown 与 :not(:placeholder-shown) 在样式上有何用途？它受哪些因素影响？
围绕“:placeholder-shown 与 :not(:placeholder-shown) 在样式上有何用途？它受哪”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分替代标记是否显示与输入是否为空的关系。
核心关键词CSS :placeholder-shown 伪类用途 - 1956
单选按钮（radio）如何分组？当同组多个预选时会发生什么？
围绕“单选按钮（radio）如何分组？当同组多个预选时会发生什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕阐述 name 分组机制以及浏览器选择最后一个选中值的规则。
核心关键词HTML radio 单选按钮 name 分组行为 - 1957
range 输入类型与 number 的区别是什么？在不指定 value 时 range 的取值如何确定？
围绕“range 输入类型与 number 的区别是什么？在不指定 value 时 range 的取值如何确定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要对比 range 的滑块语义与默认中点行为。
核心关键词HTML input type range default value - 1958
readonly 与 disabled 的语义区别？哪些控件支持 readonly？
围绕“readonly 与 disabled 的语义区别？哪些控件支持 readonly”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分两者对值提交、聚焦和校验的影响，并列出支持元素。
核心关键词HTML readonly 与 disabled 区别 - 1959
如何模拟用户点击提交按钮触发校验？requestSubmit() 与 submit() 有何不同？
围绕“如何模拟用户点击提交按钮触发校验？requestSubmit() 与 submit() 有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕强调 requestSubmit 触发校验与 submit 事件，submit 则跳过校验并直接提交。
核心关键词requestSubmit 与 submit 区别 触发校验 - 1960
required 属性应用于不同控件类型的校验差异是什么？
围绕“required 属性应用于不同控件类型的校验差异是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要比较文本、数字、复选框等 required 语义。
核心关键词HTML required 属性 各控件校验差异 - 1961
<select multiple> 的 value 属性在 DOM 中代表什么？如何获取所有选中项？
围绕“<select multiple> 的 value 属性在 DOM 中代表什么？如何获取所有选中项”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分 select 与 multiple select 的值语义。
核心关键词HTML select multiple value property selectedOptions - 1962
<select> 的 size 属性如何改变控件外观？当 size>1 时能否同时选择？
围绕“<select> 的 size 属性如何改变控件外观？当 size>1 时能否同时选择”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 size 会使选为列表，含 multiple 时才多选，不深入 popup 行为。
核心关键词HTML select size 属性 下拉与列表框 - 1963
tabindex 属性如何影响表单控件的键盘顺序？哪些值值得注意？
围绕“tabindex 属性如何影响表单控件的键盘顺序？哪些值值得注意”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释正负值与可聚焦性。
核心关键词HTML tabindex 表单键盘焦点顺序 - 1964
HTML 表单中 text 与 search 输入类型有何不同，search 类型在用户代理中通常触发哪些额外行为？
围绕“HTML 表单中 text 与 search 输入类型有何不同，search 类型在用户代理中通常触发哪些额外行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖只回答 search 与 text 在语义、样式与键盘/清除按钮等方面的差异。
核心关键词HTML input type search vs text - 1965
time 输入类型中 step 属性支持哪些特殊值（如 60、900）？它如何影响可选项？
围绕“time 输入类型中 step 属性支持哪些特殊值（如 60、900）？它如何影响可选项”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 step 以秒为单位及对控件显示的影响。
核心关键词HTML input time step seconds increments - 1966
URL 输入类型在表单提交前如何校验？它是否要求必须带协议（如 http://）？
本题说明 HTML type="url" 的内置校验规则：非空值必须是带 scheme 的绝对 URL，空值默认放行，校验只管书写格式不管可达性，并给出工程中的叠加校验与边界处理。
核心关键词HTML input type url validation protocol - 1967
如何用 setCustomValidity 自定义校验提示？如何恢复默认校验？
围绕“如何用 setCustomValidity 自定义校验提示？如何恢复默认校验”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖描述设为空字符串恢复原样。
核心关键词setCustomValidity 自定义校验提示 - 1968
week 输入类型的值格式与日期范围如何计算？一年有多少周？
围绕“week 输入类型的值格式与日期范围如何计算？一年有多少周”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 ISO 周号格式 yyyy-Www。
核心关键词HTML input week value iso week - 1969
使用 <abbr> 标记缩写时 title 属性的作用是什么，以及为什么需要解释缩写？
围绕“使用 <abbr> 标记缩写时 title 属性的作用是什么，以及为什么需要解释缩写”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕title 提供全称让屏幕阅读器用户理解，最佳实践是首次出现时扩展。
核心关键词abbr title accessibility 缩写 - 1970
accesskey 属性可能带来哪些可访问性问题？通常何时使用或不使用？
围绕“accesskey 属性可能带来哪些可访问性问题？通常何时使用或不使用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕关注浏览器快捷键冲突和屏幕阅读器用户困惑，一般建议少用。
核心关键词accesskey 可访问性 键盘冲突 - 1971
当原生 HTML 元素存在时，使用 ARIA role 有哪些注意点？请举例说明裸用 div 的问题。
围绕“当原生 HTML 元素存在时，使用 ARIA role 有哪些注意点？请举例说明裸用 div 的问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明优先使用原生语义，避免冗余 role，例如 <button> 比 div role=button 优越。
核心关键词ARIA role 第一个规则 原生 HTML - 1972
在 HTML5 中，<article> 和 <section> 有什么区别？如何决定使用哪个？
本文解析 article 与 section 的本质区别，依据内容独立性和是否需要标题判断，适用于语义化 HTML 与文档结构设计场景。
核心关键词article section 区别 HTML5 - 1973
在 <audio> 元素内部包含文本内容有何作用？浏览器会在什么条件下显示它？
围绕“在 <audio> 元素内部包含文本内容有何作用？浏览器会在什么条件下显示它”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕当浏览器不支持 audio 或所有 source 失败时显示备选信息。
核心关键词audio 回退内容 不支持 - 1974
<audio> 和 <video> 元素中 <source> 标签的作用，以及浏览器如何选择第一个可用来源？
围绕“<audio> 和 <video> 元素中 <source> 标签的作用，以及浏览器如何选择第一个可用来源”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕浏览器会尝试每个 source 直到找到能播放的类型，type 属性用于预判，不覆盖控制 API。
核心关键词audio video source 回退 格式 - 1975
<blockquote>、<q> 和 <cite> 在引用场景下各应如何使用？
本题给出 blockquote、q、cite 三个引用元素的明确分工：块引用与行内短引用的选择标准，cite 属性与 cite 元素的区别，以及 cite 只指向作品而非作者的规范边界。
核心关键词blockquote q cite 引用 文本 - 1976
link 的 rel="canonical" 如何用于解决重复内容？它的搜索引擎作用是什么？
围绕“link 的 rel="canonical" 如何用于解决重复内容？它的搜索引擎作用是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 canonical 标识首选 URL，集中权重，使用绝对 URL。
核心关键词canonical URL 重复内容 SEO - 1977
自定义元素名的要求是什么？为什么名称中必须包含连字符？
围绕“自定义元素名的要求是什么？为什么名称中必须包含连字符”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕连字符保证不会与原生元素冲突且可扩展，需符合规范。
核心关键词自定义元素 命名规则 连字符 - 1978
data-* 自定义属性的用途是什么？它们会被屏幕阅读器读取吗？与储存页内信息的其他方法有何不同？
围绕“data-* 自定义属性的用途是什么？它们会被屏幕阅读器读取吗？与储存页内信息的其他方法有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕data-* 用于存放页面私有状态，辅助技术忽略，可被 JS 访问，但不适合大量数据或安全内容。
核心关键词data-* 自定义属性 JavaScript - 1979
<datalist> 与 <input list=""> 如何实现候选值？它适合哪些场景？
围绕“<datalist> 与 <input list=""> 如何实现候选值？它适合哪些场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕提供建议但允许自由输入，与 select 不同，可结合多种 input 类型。
核心关键词datalist input list 自动补全 - 1980
DOCTYPE 声明对 HTML 文档解析和渲染有何影响，缺失时会怎样？
本文解释 DOCTYPE 如何通过文档模式影响浏览器解析与渲染，包括标准模式与怪异模式的机制，缺失时的具体差异，并提供工程中检测与处理的方法。
核心关键词DOCTYPE HTML 解析 标准模式 怪异模式 - 1981
如何为不同设备提供合适的 favicon？link rel="icon" 的 type 和 sizes 需要如何指定？
围绕“如何为不同设备提供合适的 favicon？link rel="icon" 的 type 和 sizes 需要如何指定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕建议使用多尺寸 PNG 或 ico，并指定类型。
核心关键词favicon 图标 sizes PNG ico - 1982
<figure> 和 <figcaption> 的正确用法是什么，它们与普通图片加文本有何不同？
本文解释 <figure> 和 <figcaption> 的正确用法，强调其语义关联与生成无障碍名称的功能，并对比普通图片加文本的不足，给出具体场景和边界条件。
核心关键词figure figcaption 图片 标题 - 1983
HTML 的 <head> 中包含哪些关键元素，以及 meta 标签的 charset 和 viewport 的作用是什么？
围绕“HTML 的 <head> 中包含哪些关键元素，以及 meta 标签的 charset 和 viewport 的作用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕列举 head 中常用元素并重点说明 charset 和 viewport 的必要性。
核心关键词HTML head meta charset viewport 作用 - 1984
HTML 中标题（h1-h6）的正确层级结构对页面可访问性和 SEO 有何影响？
讲解 h1-h6 标题层级如何构成文档大纲，跳级对屏幕阅读器导航的干扰、对 SEO 结构理解的影响，以及单一 h1 和按层级嵌套的可操作判断。
核心关键词heading hierarchy accessibility SEO - 1985
HTML hidden 属性为什么可能被用户代理或演示样式覆盖？它与 display:none 的关系是怎样的？
围绕“HTML hidden 属性为什么可能被用户代理或演示样式覆盖？它与 display:none 的关系是怎样的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明浏览器默认样式可用 CSS 覆盖，因此 hidden 并非绝对隐藏，使用上需注意。
核心关键词hidden 属性 display none 覆盖 - 1986
iframe 的 sandbox 属性如何限制嵌入内容的权限？包括哪些主要令牌？
围绕“iframe 的 sandbox 属性如何限制嵌入内容的权限？包括哪些主要令牌”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 sandbox 默认限制所有能力，可添加令牌，并强调 allow-scripts 与 allow-same-origin 同时使用。
核心关键词iframe sandbox allow-scripts allow-same-origin 权限 - 1987
图片的 alt 属性什么时候可以留空？为什么装饰性图片需要 alt=""？
围绕“图片的 alt 属性什么时候可以留空？为什么装饰性图片需要 alt=""”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明装饰性图片留空以避免屏幕阅读器读出文件名，并避免链接文字重复。
核心关键词img alt 空 装饰性图片 - 1988
图片的 title 属性和 alt 属性有什么区别，鼠标悬停提示是否应该替换 alt？
围绕“图片的 title 属性和 alt 属性有什么区别，鼠标悬停提示是否应该替换 alt”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕title 提供悬停提示且不被辅助技术支持，alt 是等效文本，两者不能互换。
核心关键词img title alt 区别 tooltip 可访问性 - 1989
input 的 type="radio" 与 type="checkbox" 有何区别？如何通过 name 对 radio 分组？
围绕“input 的 type="radio" 与 type="checkbox" 有何区别？如何通过 name 对 ra”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕同一 name 的 radio 互斥，checkbox 多选，且可取消选择。
核心关键词radio checkbox 区别 name 分组 - 1990
<label> 的 for 属性是如何将标签与表单控件关联的？不使用时有什么问题？
围绕“<label> 的 for 属性是如何将标签与表单控件关联的？不使用时有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕for 指向控件 id，可点击标签聚焦，缺少标签影响可访问性。
核心关键词label for 属性 表单控件 关联 - 1991
为什么要在 <html> 标签上设置 lang 属性？对页面文本方向（如 dir）有什么影响？
围绕“为什么要在 <html> 标签上设置 lang 属性？对页面文本方向（如 dir）有什么影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕lang 影响语音合成和拼写检查，dir 用于排版方向，常需 rtl 或 ltr。
核心关键词lang 属性 语言 方向 屏幕阅读器 - 1992
在 HTML 中，<header>、<main>、<footer> 等结构性元素如何使用，以及每个文档中 <main> 的个数限制是多少？
本题考察 HTML5 语义化结构元素的使用，重点包括 <main> 的个数限制、内容应唯一，以及三个元素的适用场景与可访问性影响。
核心关键词HTML main header footer 结构元素 - 1993
为什么 <textarea> 与 <input type="text"> 在表达多行文本上有本质不同？textarea 的默认值如何定义？
围绕“为什么 <textarea> 与 <input type="text"> 在表达多行文本上有本质不同？textare”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕textarea 支持换行且默认值是其内容，而 input 值是 attribute，不同用法与后备内容。
核心关键词textarea input 多行文本 区别 - 1994
哪些 <meta http-equiv> 值可以被浏览器识别，它们与 HTTP 响应头有什么对应关系？
围绕“哪些 <meta http-equiv> 值可以被浏览器识别，它们与 HTTP 响应头有什么对应关系”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖仅说明 refresh 和 content-type 的替代作用，强调 meta 的有限性与响应头的优先。
核心关键词meta http-equiv HTTP 响应头 对应 - 1995
使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题？
围绕“使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要讨论该机制对辅助技术用户和移动设备的缺点，并对比服务端跳转。
核心关键词meta refresh accessibility 页面刷新 - 1996
type="module" 的脚本默认有哪些加载行为，与普通脚本相比如何？
围绕“type="module" 的脚本默认有哪些加载行为，与普通脚本相比如何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕模块脚本自动延迟、严格模式、可解析导入。
核心关键词script type module defer 严格模式 - 1997
<nav> 元素应包含什么样的链接集合？所有链接都必须放在 <nav> 中吗？
本文解释<nav>的语义用途，说明哪些链接放入<nav>，何时不需要，并提供判断标准和示例。
核心关键词nav 元素 导航 landmark - 1998
<output> 元素表示计算结果，它与其他显示文本的标签有何不同？
围绕“<output> 元素表示计算结果，它与其他显示文本的标签有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕output 关联表单且可通过 DOM 更新，拥有 value 属性，适合计算显示。
核心关键词output 元素 表单 计算结果 语义 - 1999
<picture> 元素如何与 srcset 和 sizes 配合提供响应式图片？各要素的作用是什么？
围绕“<picture> 元素如何与 srcset 和 sizes 配合提供响应式图片？各要素的作用是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分 picture 用于艺术指导、srcset 用于分辨率切换，sizes 定义最终显示宽度。
核心关键词picture srcset sizes 响应式图片 - 2000
<progress> 与 <meter> 都用于表示数值，它们的使用场景和语义有何不同？
围绕“<progress> 与 <meter> 都用于表示数值，它们的使用场景和语义有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕progress 用于不确定或已知进度的任务，meter 用于测量分数或范围，两者不可互换。
核心关键词progress meter 语义 区别