6

我正在使用phonegap 开发一个iphone 应用程序,这意味着我的应用程序是html5、javascript 和css。我有一个带有物体重量字段的表格。我正在尝试获得类似于的输入类型;

<input type="time"/>

Html5 支持不同类型的输入,这将为 iphone 切换不同的键盘,例如数字的数字键盘。我正在寻找的是可以垂直滚动数字的那个。就像你在 iPhone 上设置闹钟一样,下面的例子。

http://blog.ringtonefeeder.com/wp-content/uploads/2009/01/iphone-alarm.png

输入 type="time" 给了我这个,但它仅限于 24 小时窗口和 1-59 分钟窗口。

无论如何要自定义此输入类型,以便我可以获得 2 个十进制数?在 0-999.99 公斤的范围内。

我意识到这是一个模糊的问题,但很难解释。

4

2 回答 2

3

看看inputmode="decimal"属性。

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

尚未得到广泛支持,但它在 iOS 12.2 中可用。

https://caniuse.com/#feat=input-inputmode

于 2019-05-24T13:48:39.157 回答
2

据我所知,在PhoneGap 世界中没有办法做到这一点。您可以在此处查看可用的键盘。如果你有能力使用 Objective-C,你可能会自己动手,但是你会为它创建一个插件,以便 PhoneGap 可以看到它。

该页面上未显示的键盘之一是:UIKeyboardTypeDecimalPad,这是一个只有数字和小数点的电话键盘,它也可能适用于您的应用程序。此处显示:

UIKeyboardTypeDecimalPad

但是,我一直无法弄清楚如何通过 HTML 显示它。

如果你想要电话键盘,你会使用:

<input type="tel">

同样,如果你想要一个数字键盘,它会是:

<input type="number">

据我所知(如果我错了,请有人纠正我),UIKeyboardTypeDecimalPad 没有类似这样的组成类型:

<input type="decimalNumber">
于 2012-05-29T21:17:23.247 回答