如何在HTML Textarea中实现字母数字键盘及禁用自动补全功能

要实现你需要的效果，仅靠inputmode="verbatim"和autocomplete="off"不够，需要叠加多个属性来覆盖不同浏览器和移动端键盘的行为，以下是完整的配置方案：

<textarea 
  autocomplete="new-password"
  autocorrect="off"
  autocapitalize="off"
  spellcheck="false"
  inputmode="verbatim"
></textarea>

各个属性的作用：

• autocomplete="new-password"：比off更彻底地禁用自动补全，同时触发类似密码框的字母数字优先键盘布局（部分浏览器对autocomplete="off"的支持不够严格）
• autocorrect="off"：关闭输入内容的自动纠正功能
• autocapitalize="off"：禁止任何自动大写字母的行为
• spellcheck="false"：关闭拼写检查的红色下划线提示
• inputmode="verbatim"：指定输入模式为逐字输入，避免键盘默认弹出表情、符号面板，优先显示字母数字按键

如果某些移动端设备的键盘仍未达到预期效果，可以尝试添加readonly属性配合JavaScript手动处理输入（仅在上述方案无效时考虑）：通过监听键盘事件插入字符，保持readonly状态让浏览器触发更简洁的键盘布局。

内容的提问来源于stack exchange，提问作者Abednego Nasila