2017-10-20 64 views
0

我正在设计一个网站。处理用户输入十进制数字的HTML页面。假设我会问他们的身高,他必须以5.6英尺的速度输入。我遇到的问题是Android键盘上的输入格式。我的输入格式代码:在html键盘输入中启用点号

<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" 

尽管如此,键盘仍然简单。我也检查过其他论坛上的堆栈流程和代码,但没有什么帮助我。

+0

这与Android有什么关系? – greenapps

+0

我实际上是在谈论Android键盘,对不起,已添加它。当用户在手机上打开html网站时,键盘不包含分数输入点。 –

+0

您将使用浏览器不是吗?你在说什么浏览器?你尝试过其他浏览器吗?尝试一切! – greenapps

回答

0

你可以这样做:

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

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

为了解决这个问题,你需要使用JavaScript和前检查任何keyDown点击

+0

type =“text”实际上会打开QWERTY键盘。它已经在为QWERTY键盘工作。以type =“number”运行此代码在数字键盘上仍然只有相同的数字。 –