如何让html5文本字段显示数字键盘?

问题描述:

的PhoneGap>安卓如何让html5文本字段显示数字键盘?

我知道我可以使用type="number"显示数字键盘,但问题是,我要重新格式化输入的价格为用户类型,因此这将是美元的格式和分(如$343,23.50)和type="number"字段不允许数字字符以外。

所以我想要一个文本字段,但它应该在水龙头上显示数字键盘。可能吗?

对于Android,您通常需要type="number"默认为数字键盘。 (有些功能可以解决iPhone的问题。)输入时,不能在type="number"中显示非数字。要在键入时显示,您需要type="text",然后您可以使用像autoNumeric这样的现有插件在键入时进行格式设置,但随后您会继续将其默认设置为非数字键盘(通常位于每个键上)按。

您最佳的解决方法可能是编辑type="number"并切换到type="text"或某个其他字段在字段没有焦点或同时显示时格式化显示。和/或,你可以检测浏览器是否在默认的键盘问题的设备上,如果不是,你可以留在type="text"和格式很好,当你走。我见过的其他解决方法是spinners(不适用于诸如信用卡之类的大数字)或使用自己的伪键盘的小部件。

如果不是不恰当的话,我最近完成了一个type="number"插件的工作,以帮助解决type="number" Android问题,并且将一个网站放在一起分享它。很高兴向您私密转发网址(插件可下载并详细记录API),但我不想在此完成发布网站,直到完成网页设置。当它准备好包含URL时,会很高兴回来编辑这个答案。

+0

对于它的价值(有点晚了) - 我终于把网站共同为我喜欢的类型=“数字”插件,它可能是有用的人遇到此问题:HTTP:// www.numbox.org/ –

对于一个全面的解决方案,我认为你运气不好,除非你使用type =“text”并使用格式化函数onchange。但是,您可以使用下面的数字字段,它会给出您的两位小数,然后将美元符号放在输入字段的前面。

<div>$<input type="number" step="0.01"/></div> 

type =“number”的问题在于它没有被所有浏览器识别。

您可以使用输入掩码来设置您的帖子的格式。
有几个插件可以做到这一点。
对于您的问题,maskMoney看起来合适。

我你使用jQuery,试试这个,我在某种程度上已编码的上单击文本字段就会显示数字垫,您可以修改到你需要

代码:

<input id="phone" placeholder="Phone Number" name="phoneno" type="tel" value="" ></input> 

使用包含美元,电话索引号码等所需字符的下拉菜单等。,

Example