移动端软键盘显示“搜索”键需同时满足type="search"、form包裹、method="GET"及inputmode="search"，缺一不可；iOS最敏感，Android更依赖form与inputmode；name属性为提交前提，search事件才是可靠触发点。
移动端软键盘显示“搜索”键的触发条件
不是写了 type="search" 就一定弹出“搜索”按钮——它只是必要条件，不是充分条件。真正起作用的是浏览器 + 操作系统 + 输入法三者共同协商的结果。
关键组合是：type="search" + form 包裹 + method="GET" + inputmode="search"。iOS Safari 对这组配置最敏感；Android Chrome 则更依赖 inputmode 和是否在 form 内。
-
inputmode="search"是硬性推荐项，尤其在 iOS 上缺了它，“搜索”键大概率变成“前往”或“完成” - 必须放在
<form>里，且不能是display: none或visibility: hidden—— 浏览器会跳过不可见表单的语义识别 -
name属性（如name="q"）虽不直接影响键盘，但缺失会导致提交失败，间接让系统认为这不是一个有效搜索控件 - 避免同时设
autocomplete="off"和inputmode="search"：某些 Android 版本会降级为text模式
为什么回车没反应？先查这三处
即使键盘上显示了“搜索”，点击后页面没提交，问题往往不在 JS，而在基础结构漏项。
典型现象是：输入后点“搜索”键，光标跳走、无提交、控制台也没报错。这时候别急着加 event.preventDefault()，先看 HTML 是否满足以下三项：
立即学习“前端免费学习笔记（深入）”；
-
<form>标签存在，且包含action（哪怕只是action="#"）和method="GET" -
<input type="search">有name属性（例如name="q"），否则 FormData 取不到值，后端也收不到参数 - 没有在外层元素上误加
onsubmit="return false"或event.preventDefault()在未绑定事件的地方
特别注意：Safari 在某些 iOS 版本中，如果 form 的 action 是空字符串或 javascript:void(0)，会直接忽略“搜索”键行为。
监听“搜索”键点击该用哪个事件
别绑 input 或 keydown —— 它们无法区分用户是按了“搜索”键，还是点了清空按钮，或是单纯输了个空格。
正确做法是监听 search 事件，它只在用户“确认搜索意图”时触发：包括回车、点击软键盘“搜索”键、点击原生清空按钮（清空后自动触发）、甚至语音输入结束。
-
search事件只作用于<input type="search">元素本身，不是form - 它不会冒泡，所以别指望在父级
form上统一监听 - 触发时
input.value已是最新的（包括清空后的空字符串），无需再手动 trim - 若你同时需要支持非 search 类型输入框，统一监听
form的submit事件更稳妥
自定义清空按钮后，“搜索”键还管用吗
管用。只要保留 type="search" 和 form 结构，软键盘行为完全不受自定义清空按钮影响。
但要注意：如果你用绝对定位盖住原生清空按钮，又没给自定义按钮加 aria-label="清空搜索" 和 role="button"，屏幕阅读器可能无法识别操作意图，导致可访问性断裂。
更隐蔽的问题是：某些安卓 WebView（比如微信内置浏览器）在隐藏原生按钮后，会同步禁用对 inputmode="search" 的识别，结果“搜索”键退化为“回车”。此时必须额外加 enterkeyhint="search"（2024 年起被 Chromium 和 WebKit 支持）来兜底。
真正容易被忽略的是：enterkeyhint 不是所有安卓版本都支持，测试时务必覆盖 Android 12～14 的主流 WebView，而不是只看 Chrome 桌面版表现。
