html pattern 属性无法自动校验空格合法性，必须在正则中显式定义空格是否允许；浏览器自动添加 ^ 和 $，要求全匹配；常用方案如 \s\s+(\s+\s+)\s* 可接受两端及中间任意空白但拒绝纯空白。
HTML pattern 本身不能“校验空格”，只能在校验时把空格当作普通字符参与匹配；真正要处理空格，必须明确告诉它“空格是否合法”——而这个判断，取决于你写的正则是否包含空格、\s 或排除逻辑。
pattern 属性对空格的处理是隐式且严格的
浏览器内部会把 pattern 自动包裹成 ^你的表达式$，也就是说：整个输入值必须完全匹配，不能多也不能少。空格不是特殊豁免项，它和其他字符一样，要么被显式允许（如写进字符集），要么被隐式拒绝（如只写了 \w+）。
- 写
pattern="[a-z]+"→ 拒绝"john doe"（中间空格不匹配）和" john"（开头空格不匹配） - 写
pattern="\S+"→ 实际等价于^\S+$，拒绝空字符串，与required冲突（用户清空后无法再输） - 写
pattern=".*\S.*"→ 至少含一个非空白字符，接受" a "、"a b"，但不拦全角空格（）
允许中间和两端有任意空格的写法
常见需求是“能输空格，但不能全是空格”。最简可靠的是：\s*\S+(\s+\S+)*\s*（注意：不用写 ^ 和 $，浏览器自动加）。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
\s*：开头任意空白（空格、制表、换行等） -
\S+：第一个非空白块（至少一个非空白字符） -
(\s+\S+)*：后面可跟零或多个“至少一个空白 + 非空白块”的组合 -
\s*：结尾任意空白 - 这个表达式接受
" hello world "、"x"、"a\tb\n"，拒绝""、" "、"\t\n"
只允许单词间单个空格、禁首尾空格
如果业务要求更严格（比如用户名、标签列表），用：\S+(\s\S+)*。
- 开头必须是非空白字符（
\S+） - 后续每段都必须是“一个空白 + 一个非空白块”（
\s\S+），重复零次或多次 - 因此
"a b c"合法，" a b"、"a b "、"a b"（两个空格）非法 - 注意：这个写法不拦全角空格，如需支持，得手动补上
[\s\u3000\xa0]
required 和 pattern 必须配合，否则空格校验形同虚设
单独 required 挡不住纯空格；单独 pattern 又可能让空值“意外通过”。两者缺一不可。
- 错误：
required pattern="[a-z ]+"→ 允许" "（纯空格） - 错误：
pattern="\S+"→ 空值通过，required失效 - 正确：
required pattern=".*\S.*"→ 空值由required拦，纯空格由pattern拦 - 别忘了加
title，例如title="请输入至少一个非空字符，可含空格"，否则用户看到的只是“请与所要求的格式匹配”
真正难的从来不是写出一个能跑的正则，而是想清楚“哪些空格算合法”：全角？不间断空格？制表符？是否允许 emoji 前后有空格？这些边界一旦模糊，pattern 就会变成幻觉——它看起来在工作，其实漏掉了一半真实输入。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
