enterkeyhint属性仅对非disabled/readonly的<input>（非button/hidden等类型）和<textarea>生效，需配合事件监听与preventDefault才能实现预期功能。
enterkeyhint 属性必须配合可编辑表单控件才生效
给 <div contenteditable="false"> 或 <span> 加 enterkeyhint 完全没用。它只对原生可编辑输入元素起作用：必须是 <input>（非 type="button"、type="hidden" 等）或 <textarea>，且不能处于 disabled 或 readonly 状态。
常见错误写法：
-
<input type="text" enterkeyhint="send">—— 效果弱，多数键盘仍显示“回车” -
<input type="search" enterkeyhint="send">—— 可能被忽略，因type="search"自带语义优先级更高
更可靠写法：
-
<input type="search" enterkeyhint="search">（强化一致性） -
<textarea enterkeyhint="send">（在聊天场景中 iOS/Android 均较稳定）
哪些 enterkeyhint 值在移动端真正有用
标准值共 6 个，但实际可用性差异大：
立即学习“前端免费学习笔记（深入）”；
-
search：iOS 键盘常显示“搜索”或“前往”，Android 多数显示“搜索”，type="search"下效果最自然 -
send：微信内置浏览器、新版 Chrome 显示“发送”，但旧版 Samsung 键盘可能降级为“回车” -
done：iOS 上点击后键盘常自动收起，Android 表现不一，适合单字段表单（如验证码） -
go：URL 输入框常用，iOS 显示“前往”，Android 多为“转到” -
next/previous：仅改文案，无自动聚焦逻辑，需手动用tabindex或 JS 控制焦点流转
注意：enterkeyhint="enter" 是默认值，等价于不写，没必要显式声明。
为什么写了 enterkeyhint 却没变化
三个高频失效原因：
- 浏览器不支持或主动降级：Safari 对
enterkeyhint支持保守，比如在type="email"或type="tel"上可能直接忽略该属性 - 与
type冲突：例如<input type="search" enterkeyhint="send">，Chrome 会优先采用type的语义，仍显示“搜索” - 缺少配套事件处理：该属性只改键盘按钮文案，不绑定任何行为。点了“发送”键，默认仍是换行（
<textarea>）或提交（<form>内<input>），但你未必监听了对应逻辑
验证是否生效的最快方式：在 iOS Safari 或 Android Chrome 中真机打开，长按输入框调出键盘，看右下角按钮文字是否变化。
如何让“发送”键真正触发搜索或提交
不能只靠 enterkeyhint，必须组合使用：
- 表单结构要完整：
<form onsubmit="handleSubmit(event)">包裹输入框和<input type="submit">或<button type="submit"> - 监听
keydown时必须判断e.key === "Enter"，并调用e.preventDefault()—— 否则 iOS<textarea>会插入换行，Android 可能无响应 - 对
<textarea>使用enterkeyhint="send"时，务必手动拦截并执行业务逻辑，否则用户点“发送”只是换行
示例（兼顾 iOS 和 Android）：
<form onsubmit="handleSubmit(event)">
<textarea enterkeyhint="send" id="chat-input"></textarea>
</form>
<script>
const input = document.getElementById('chat-input');
input.addEventListener('keydown', e => {
if (e.key === 'Enter' && !e.shiftKey) {
handleSubmit();
e.preventDefault();
}
});
</script>
关键细节：iOS 键盘的“发送”键在 <textarea> 中默认行为是换行，shift+Enter 才是换行；所以加 !e.shiftKey 能避免误判。
真正容易被忽略的是：enterkeyhint 不是功能开关，它只是提示层。键盘文案变了，不代表逻辑自动跟上——你得自己补上那层事件绑定和 preventDefault。
