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

PhoneGap的>的android

我知道我可以使用type="number"来显示数字键盘,但问题是我想要重新格式化input作为用户input的价格。所以它将在美元和美分的格式(如$343,23.50 )和type="number"字段不允许数字字符以外。

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

Solutions Collecting From Web of "如何使html5文本字段显示数字键盘?"

对于Android,您通常需要type="number"以默认为数字键盘。 (对于iPhone来说,有些东西是值得的。)当你键入的时候,你不能在type="number"显示非数字。 为了显示你input的内容,你需要type="text" ,然后你可以使用像autoNumeric这样的现有的插件来input格式,但是你将继续被默认为非数字键盘,经常在每一个按键。

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

如果不是不恰当的话,我最近已经完成了一个type="number"插件的工作,以帮助解决type="number" Android的问题,并把一个网站共同分享。 很高兴把这个URL私下转发给你,(插件是可下载的,而API是详细logging的),但是我不想在这里发布这个网站,直到我完成了这些页面。 很高兴能回来编辑这个答案,当它准备好包括url。

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

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

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

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

我正在使用Jquery,试试这个,我已经编码的方式,在文本字段中单击它将显示数字键盘,您可以修改您的需要

码:

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

用美元,电话索引号+91等所需字符下拉,