单击输入框时自动更改输入语言

Question

我正在使用EFO（表格优化）。有两种语言，一种是日语，另一种是英语。有些输入框需要日语字母，有些输入框需要英文字母。关键是当用户单击输入框（图片上的输入框1）时，他可以写日语。用户可以手动更改语言，但是我希望在用户单击或聚焦时输入框的语言会自动更改。需要日语字符。如果用户再次单击另一个输入框（如图片上的输入框2），则语言输入模式会将日语更改为英语。它的用户友好和易于键入。 我认为通过Javascript是可能的。但是我不知道该怎么做。

需要任何帮助。

非常感谢

Here is the picure what i want to do

Answer 1

对于示例屏幕截图，您可以如下使用 inputmode 属性。

<input type="text" name="name" inputmode="text">
<input type="text" name="email" inputmode="email">
<input type="text" name="tel" inputmode="tel">
<input type="text" name="url" inputmode="url">

下面是MDN的参考。

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode