如何避免在移动键盘上,输入框的`go`选项被替换为`next`?

5

有一个输入框,例如:

<input type="text" />

将自动(在Android上)将键盘上的“输入”选项更改为“下一个”,并且它会跳转到下一个字段。如何避免这种行为?在我的情况下,我正在使用输入字段添加标签(或芯片),在移动设备上可以正常工作,因为适当的事件已被触发。但是当“下一个”按钮显示时,它似乎模拟按下键盘上的“tab”键,即它进入下一个字段。我需要它表现得像“提交”而不是“下一个”。(同时找不到任何相关的规范关于这个键盘显示行为,它似乎是一个自由形式的Android特定事物。)
3个回答

12
正确的修复方法是使用enterkeyhint属性,例如:
<input type="text" enterkeyhint="done"/>

3
这应该是被接受的答案,因为这是正确和规范的做法。 - gaugau
这不适用于 type="search",它会改变回车键的行为,而 enterkeyhint 不会 - TrySpace
@TrySpace 你是什么意思?我刚刚再试了一次,<input type="text" enterkeyhint="done" /> <input type="text"/> 确实可以防止回车键跳转到下一个字段。 - Guillaume Brunerie

3

一种解决方案或解决方法是将类型设置为search

<input type="search" />

在我的使用情况中,必须按下放大镜才能添加标签,这有点奇怪,但它有效。其他任何属性值似乎都不能产生我想要的相同结果:https://www.w3schools.com/html/html_form_input_types.asp 像“submit”将触发提交表单,而不是字段,据我所知。

1
将输入类型更改为search可以正常工作,但我发现另一个解决方法来保持原始输入类型。只需在所有表单输入中添加属性tabindex="-1"即可。

虽然这个链接可能回答了问题,但最好在此处包含答案的基本部分并提供参考链接。如果链接页面更改,仅链接的答案可能会失效。-【来自审查】 - Uttam Nath

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接