Question

我正在设计一个网站。处理用户输入十进制数字的HTML页面。假设我要求他们的高度，他必须输入5.6英尺。我遇到的问题是Android键盘上的输入格式。我输入格式的代码是：

<input type="number" lang="en-150" id="height1" name="total" value="" placeholder="In feet">

现在当Android键盘出现时它不包含点（。）而只包含数字1,2,3，...，9,0。所以用户不能输入5.6而不是56。

我也用过：

type="number" lang="en-150"

和

type="number" step="0.01"

和

type="decimal"

尽管如此，键盘仍然很简单。我还检查了其他论坛上的堆栈流和代码，但没有任何帮助我。

Answer 1

你可以这样做：

<form action="">
  <input id="height1" type="text" name="total" pattern="[0-9]+(\.([0-9]+)?)?"  value="" placeholder="In feet">
  <input type="submit">
</form>

但是，用户可以在验证后插入任何字符

要解决此问题，您需要在任何keyDown点击之前使用javascript并检查

在html键盘输入中启用点

1 个答案: