数字输入不符合 min、max、step 时，浏览器会报什么错？
数字框的原生校验并不只有一个“输入错误”。还能把低于下限、高于上限和不符合步进分别对应到 rangeUnderflow、rangeOverflow、stepMismatch，并说明提交时何时显示提示、怎样读 validity 与处理空值。
核心关键词rangeOverflow stepMismatch 校验错误报告
面试知识索引 · 分类、标签与搜索
5000+ 道程序员面试题，每题都有完整答案
程序员面试题库第 40 页，收录第 1951–2000 题，共 5000 道完整解析，覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。
5000+完整问题
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
optgroup 设为 disabled 后，里面的选项会怎样？
下拉框中的选项组可以用 disabled 暂时关闭整组候选。组内选项不能由用户正常选择，但已有选择、脚本赋值与服务端权限校验仍需要单独处理。 它适合展示暂不可用的套餐，但不能作为业务权限控制；如果原本已选中某项，还要检查实际提交行为。
核心关键词HTML optgroup disabled attribute selection - 1953
表单里的 output 元素适合显示什么？
滑块选价、数量乘单价等即时计算结果可以用 output 表达。for 能把计算结果与输入关联，展示的金额却不能当作可信订单价格，也不会自动替代要提交的输入值。 计算展示与表单提交是两套机制，服务器仍须按可信单价重新计算总额。
核心关键词HTML output 元素 表单关联用途 - 1954
pattern 和 title 应怎样配合提示输入格式？
手机号或邀请码输入框可用 pattern 做原生格式约束，再用 title 解释用户应怎样填写。正则要匹配整个值；空值是否无效取决于 required，格式错误可由 patternMismatch 判断，title 不能充当唯一提示。
核心关键词HTML pattern title 校验错误提示 - 1955
placeholder-shown 能判断输入框真的有值吗？
CSS 的 :placeholder-shown 可在占位文字正在显示时给输入框样式，但它不是通用的空值或校验状态判断。再比较与 :not(:placeholder-shown) 的用法，并说明 placeholder、输入类型和空格值等因素如何影响命中。
核心关键词CSS :placeholder-shown 伪类用途 - 1956
单选框靠 name 怎样分组，多个 checked 谁生效？
一组单选框共享 name 才能互斥，提交时也以这个名字传选中项的值。通过配送方式示例说明 checked 初始状态、多个 checked 的解析结果、required 的组级校验，以及为什么同页不同问题不能复用一个 name。
核心关键词HTML radio 单选按钮 name 分组行为 - 1957
range 不写 value 时默认是多少，和 number 有何区别？
滑块并不等于另一种数字输入框。range 始终有区间内的值，初始值通常是中点；精确数字输入、留空等需求则更适合 number 或文本控件。 还要给当前数值提供可见说明，让键盘与辅助技术用户知道滑块停在哪里。
核心关键词HTML input type range default value - 1958
readonly 和 disabled 在表单提交时有什么区别？
看起来都不能编辑的字段，提交与交互行为可能完全不同。再比较 readonly 的可聚焦和可提交、disabled 的不可交互与不提交，并说明哪些输入类型、textarea、select 适用哪种属性，以及必填校验如何受影响。
核心关键词HTML readonly 与 disabled 区别 - 1959
脚本提交表单时，requestSubmit() 和 submit() 差在哪？
想用脚本触发与用户点击提交按钮相同的流程，应调用 requestSubmit()。它先运行约束校验，成功后才触发 submit 事件；旧的 submit() 绕过两者。传入按钮还会影响提交数据和覆盖属性。
核心关键词requestSubmit 与 submit 区别 触发校验 - 1960
required 在文本框、单选框和复选框上怎么校验？
必填并不总是“字符串不能为空”。再比较文本输入、单选组、复选框与下拉框的 valueMissing 条件，说明单选的组级约束、复选框逐项约束、默认选项问题，以及禁用与只读状态为何不能照搬普通必填逻辑。
核心关键词HTML required 属性 各控件校验差异 - 1961
多选 select 怎么拿到所有选中的值？
多选 select 的 value 只返回首个选中 option 的值；要取全部应遍历 selectedOptions，提交到表单时则以同一个 name 发送多个值。FormData.get 也只拿到一项，getAll 才能得到完整数组；没有选中项时还要处理空结果。
核心关键词HTML select multiple value property selectedOptions - 1962
select 的 size 大于 1，就能同时选多个吗？
select 的 size 控制可见选项行数，multiple 才决定能否同时选择多个值。再比较默认下拉框与列表框的呈现，说明单选列表可以显示多行却仍只选一项，以及多选时如何用键盘操作和读取数据。
核心关键词HTML select size 属性 下拉与列表框 - 1963
表单里的 tabindex 怎么改变 Tab 键顺序？
自然的 DOM 顺序通常就是最容易理解的键盘焦点顺序。正数 tabindex 会把元素提前，动态表单因此难维护；脚本可聚焦与日常 Tab 顺序又是两件事。 错误提示可以用 -1 让脚本聚焦，但不应因此插入普通键盘导航链。
核心关键词HTML tabindex 表单键盘焦点顺序 - 1964
搜索框用 type=search，比普通 text 多了什么？
搜索字段和普通文本框都能接收字符串，但 search 给浏览器提供了搜索语义，可能出现清除按钮或特定键盘提示。两者共享基础文本能力，原生清除按钮和键盘外观却不能写死；搜索动作仍需表单提交或脚本处理。
核心关键词HTML input type search vs text - 1965
time 输入的 step=60 和 step=900 分别限制什么？
时间输入的 step 以秒为单位，60 表示一分钟一档，900 表示十五分钟一档。步进基准决定合法时刻，偏离时会出现 stepMismatch；原生选择器显示的分钟选项不一定覆盖全部输入路径。
核心关键词HTML input time step seconds increments - 1966
input type="url" 提交前怎么校验？必须带协议头吗？
type="url" 的输入框会按 URL 语法做基础校验，省略协议的地址通常不能通过；空值是否允许还取决于 required。validity.typeMismatch 能识别格式错误，pattern 可再收紧业务格式，但这些浏览器检查不能代替服务端验证。
核心关键词HTML input type url validation protocol - 1967
setCustomValidity 设置错误后，怎样恢复原生校验？
表单业务规则超出 required、pattern 等原生约束时，可用 setCustomValidity 写自定义错误消息。非空错误消息会让控件持续无效，用户改对后必须清空；input 事件与 reportValidity() 可配合反馈。
核心关键词setCustomValidity 自定义校验提示 - 1968
week 输入的值为什么像 2026-W01，一年一定有 52 周吗？
周输入控件使用 ISO 周编号而不是普通日期字符串。ISO 周以周一开始，第一周和跨年归属有明确规则，有些年份还有第 53 周；格式正确也不等于业务日期范围正确。
核心关键词HTML input week value iso week - 1969
abbr 的 title 能解释缩写吗，为什么还要在正文说明？
缩写首次出现时应让读者明白它代表什么。<abbr> 的 title 能提供展开词，却不保证每位用户都方便获得；正文首次写全称、后续再用缩写更易读。 触屏用户尤其难以获得悬浮提示，重要术语的全称应直接出现在可见正文里。
核心关键词abbr title accessibility 缩写 - 1970
为什么大多数网站不该随意给按钮设置 accesskey？
accesskey 看似能提供键盘捷径，却可能和浏览器、系统、读屏软件的快捷键冲突，也受键盘布局与组合键差异影响。组合键随平台变化，还可能撞上浏览器或读屏软件快捷键；即使用它，也需要可发现的说明和可替代操作。
核心关键词accesskey 可访问性 键盘冲突 - 1971
有原生 button 时，为什么别给 div 直接加 role=button？
ARIA role 能告诉辅助技术元素扮演的角色，却不会自动补齐原生按钮的焦点、回车与空格交互。再比较 button 和 div role=button，说明原生语义优先的原因，以及何时才需要自己实现复杂控件。
核心关键词ARIA role 第一个规则 原生 HTML - 1972
文章卡片用 article，普通内容分区用 section 吗？
article 适合能独立分发或复用的完整内容，section 用来按主题划分文档或功能区域。以博客列表与文章正文为例说明二者可以嵌套、标题如何帮助识别分区，以及为什么不能只为加样式滥用语义元素。
核心关键词article section 区别 HTML5 - 1973
audio 里面的文字什么时候会显示，能当音频加载失败提示吗？
放在 audio 开始与结束标签之间的普通文本是给不认识 audio 元素的旧浏览器看的回退内容。现代浏览器识别了元素却无法加载音频时，不会自动显示标签内部文字；下载链接和文字稿应有独立入口。
核心关键词audio 回退内容 不支持 - 1974
audio 和 video 里的 source 怎样选择可播放文件？
同一段媒体可以给浏览器提供多个格式来源。浏览器通常按顺序挑能处理的候选格式；字幕、下载链接和加载失败提示仍要分别提供。 多个 source 只解决媒体格式候选，不能把不同片段当成播放列表，也不能代替文字稿。
核心关键词audio video source 回退 格式 - 1975
长引用、短引用和作品标题，分别该用哪个标签？
引用内容和作品名称经常被混用成一个 cite 标签。还要区分 blockquote 表示独立成段的长引文、q 表示句内引文、cite 表示作品标题，并解释 blockquote 的 cite 属性只记录来源 URL，不会自动生成可见署名。
核心关键词blockquote q cite 引用 文本 - 1976
同一内容有多个 URL，canonical 链接该怎么写？
参数页、排序页或追踪链接展示相同内容时，head 中的 rel="canonical" 可以提示搜索引擎首选地址。它是规范化信号而非强制跳转；与重定向和站点地图的职责不同，指向错误 URL 反而可能让页面难以被正确收录。
核心关键词canonical URL 重复内容 SEO - 1977
自定义元素名为什么一定要有连字符？
自定义元素名称必须以 ASCII 小写字母开头，包含连字符，不含 ASCII 大写字母，也不能落入保留名称列表。连字符让浏览器与原生标签区分；注册时命名不合法与同名重复注册是不同的失败情况。
核心关键词自定义元素 命名规则 连字符 - 1978
data-* 适合存什么？屏幕阅读器会读出来吗？
data-* 适合在元素上存放少量与脚本或样式相关的自定义数据，dataset 会把连字符属性名映射为驼峰键，读写值都按字符串处理。它不能代替可见文案、ARIA 名称或表单提交字段，更不适合保存敏感数据。
核心关键词data-* 自定义属性 JavaScript - 1979
datalist 怎么给输入框加候选值？
input 通过 list 引用 datalist 中的 option 后，浏览器会提供输入建议，但用户仍可提交列表之外的合法值。城市搜索等开放输入适合它；若选项必须受控，应使用 select 或额外校验，还要留意浏览器和辅助技术的呈现差异。
核心关键词datalist input list 自动补全 - 1980
HTML 开头不写 DOCTYPE，浏览器会怎样渲染？
现代 HTML 页面应以 <!doctype html> 开头，它让浏览器进入标准模式。省略或使用某些旧式声明可能触发怪异模式，浏览器会为了兼容老网页采用不同的布局规则。它不是给页面“开启 HTML5 标签”的开关，也不是告诉浏览器用哪种字符编码；实际模式可以从 document.compatMode 检查。
核心关键词DOCTYPE HTML 解析 标准模式 怪异模式 - 1981
网站 favicon 要提供哪些文件，sizes 怎么写？
在 <head> 中用 <link rel="icon"> 声明站点图标，type 描述资源的 MIME 类型，sizes 描述位图的固有像素尺寸。可以提供常用的 SVG 与 PNG 候选，让浏览器按自身支持和显示场景选择；不必为了所有可能设备枚举一大串尺寸。
核心关键词favicon 图标 sizes PNG ico - 1982
图片旁边有说明文字，何时用 figure 和 figcaption？
<figure> 表示可作为一个整体引用的自包含内容，<figcaption> 给这个整体提供标题或说明。它常用于图片、代码示例、图表等，说明文字可放在内容前或后。普通装饰图片旁的一句正文不必硬套 figure；关键是图与说明能否作为一个单元被引用或移动，而不破坏正文理解。
核心关键词figure figcaption 图片 标题 - 1983
HTML 的 head 里哪些信息必须先写清楚？
<head> 放的是文档元数据和资源声明，不是页面可见正文。常见基础项包括字符编码、页面标题、视口声明、描述以及样式和图标链接。<meta charset="UTF-8"> 帮助浏览器正确解码文档；移动端 viewport meta 建立合适的布局视口。
核心关键词HTML head meta charset viewport 作用 - 1984
h1 到 h6 怎样组织页面标题才好读？
标题元素表达内容层级，不是用来挑字体大小的标签。页面主标题通常用 h1，其下章节用 h2，再往下用 h3；层级应跟随内容从属关系。辅助技术可按标题快速浏览文档，清晰的标题也帮助搜索系统理解结构。
核心关键词heading hierarchy accessibility SEO - 1985
写了 hidden 的元素，为什么还可能显示出来？
普通 hidden 状态表示元素当前不应呈现，浏览器通常用用户代理样式把它设成 display: none。作者 CSS 如果给它写了会覆盖该规则的 display，元素仍可能被画出来。
核心关键词hidden 属性 display none 覆盖 - 1986
iframe sandbox 默认限制什么，放行权限要注意什么？
给 <iframe> 加空的 sandbox，浏览器会对嵌入页面施加一组限制，例如脚本、表单提交、顶层导航及同源能力受限。按真实需求加 allow-scripts、allow-forms 等令牌逐项放行。
核心关键词iframe sandbox allow-scripts allow-same-origin 权限 - 1987
图片什么时候该写空 alt，什么时候不能空？
图片只负责装饰、旁边文字已完整传达同一信息时，可写 alt=""，让辅助技术跳过这张无额外信息的图。图片承担内容、操作或链接含义时，应写简洁而具体的替代文本。空 alt 与省略 alt 不一样；省略时，辅助技术可能读出文件名或其他不理想的信息。
核心关键词img alt 空 装饰性图片 - 1988
图片的 title 能代替 alt 吗？两者分别给谁看？
alt 是图片内容或功能的文本替代，在图片无法显示及辅助技术读取时尤其重要。title 常表现为鼠标悬停提示，但它不稳定地出现在触摸、键盘和读屏体验中，不能取代 alt。需要额外说明时可用邻近可见文字或图题，不必把同一句话同时塞进两个属性。
核心关键词img title alt 区别 tooltip 可访问性 - 1989
单选和复选框怎么分组，name 起什么作用？
type="radio" 适合一组互斥选项，同一表单里相同 name 的单选按钮组成一组，一次通常只能选一个。type="checkbox" 表示可独立勾选的选项，多项可同时选中。
核心关键词radio checkbox 区别 name 分组 - 1990
label for 怎样关联输入框？不写会少什么？
<label for="id"> 的 for 值对应某个可标注表单控件的唯一 id。关联后，点标签文字也能聚焦输入框或切换复选框，并给控件提供可理解的名称。也可以把控件直接放进 <label> 做隐式关联。
核心关键词label for 属性 表单控件 关联 - 1991
为什么要给 html 写 lang？它会自动改变文字方向吗？
<html lang="zh-CN"> 声明文档主要语言，帮助读屏发音、拼写检查和浏览器语言相关处理。页面局部语言变化时，可在对应元素上另设 lang。lang 不会自动把页面改成从右到左排；文字方向应由 dir 和相应 CSS 规则表达。
核心关键词lang 属性 语言 方向 屏幕阅读器 - 1992
header、main、footer 各放什么？页面能有几个 main？
<header> 是页面或章节的引导内容，<footer> 是对应页面或章节的页脚信息；它们不只按屏幕顶部、底部的位置命名。<main> 标记文档主要内容，通常一个页面只应有一个当前可见的主内容区域，并且不应放进 header、footer、nav 等结构中。
核心关键词HTML main header footer 结构元素 - 1993
多行输入为什么用 textarea？默认值写在哪里？
<input type="text"> 是单行文本控件，用户输入的换行不会作为多行编辑界面呈现；<textarea> 是专门的多行文本控件。textarea 的初始值写在开始和结束标签之间，不写 value 内容属性。
核心关键词textarea input 多行文本 区别 - 1994
meta http-equiv 真能代替 HTTP 响应头吗？
<meta http-equiv> 是 HTML 中少数被浏览器识别的 pragma 指令，不是任意 HTTP 头的通用替代。常见的有 refresh、content-security-policy，以及历史兼容或内容类型相关形式。
核心关键词meta http-equiv HTTP 响应头 对应 - 1995
用 meta refresh 自动跳转，用户会遇到什么问题？
<meta http-equiv="refresh"> 能在指定秒数后刷新或跳转，但自动动作会打断阅读、输入和读屏操作；倒计时不清楚时，用户更难掌控页面。需要真正的永久或临时地址迁移，优先用 HTTP 重定向。
核心关键词meta refresh accessibility 页面刷新 - 1996
type="module" 脚本默认会阻塞 HTML 解析吗？
外部模块脚本及其依赖可与 HTML 解析并行获取，默认等文档解析完成后执行，行为类似普通脚本加 defer。模块默认是严格模式，顶层声明不会自动挂到全局对象。给模块脚本再加 defer 没有效果；加 async 则会改成依赖可用后尽快执行，不再按默认的解析后顺序等待。
核心关键词script type module defer 严格模式 - 1997
哪些链接该放 nav？页面能有多个 nav 吗？
<nav> 表示用于页面或站点主要导航的一组链接，如主菜单、目录、分页或面包屑。普通正文里的每个链接不必放进 nav；看的是这组链接是否承担导航结构。一个页面可以有多个 nav，但多个导航区最好用可见标题或 aria-label 给出可区分的名称，便于读屏用户选择。
核心关键词nav 元素 导航 landmark - 1998
表单计算结果为什么用 output，而不直接用 span？
<output> 表示由计算或用户操作产生的结果，例如滑块选择数量后显示总价。它具有表单结果语义，可用 for 列出参与计算的控件 id，也可用 name 让脚本和表单结构更易识别。
核心关键词output 元素 表单 计算结果 语义 - 1999
picture、source、srcset 和 sizes 各管哪一步？
<picture> 让浏览器按条件在多个 <source> 中选来源，适合换构图或格式。每个来源的 media 或 type 决定它是否可用，srcset 提供该来源的候选文件；使用宽度描述符时，sizes 告诉浏览器预计显示宽度。
核心关键词picture srcset sizes 响应式图片 - 2000
progress 和 meter 都有数值，什么时候选哪一个？
<progress> 表示一个任务的完成进度，例如文件上传到 60%；没有 value 时表示进度未知。<meter> 表示已知范围内某个量的当前值，例如电量、评分或磁盘占用，它不是正在执行任务的进度条。
核心关键词progress meter 语义 区别