在移动设备上显示用于HTML 5输入(即<input>
标签)的不同键盘有几种技巧.
例如,一些文档记录在Apple的网站上,为Web视图配置键盘.
这些对于可用性非常有用,但是当涉及到国际邮政编码的输入(主要是数字,但允许使用的字母)时,我们留下了一些糟糕的选择.大多数人建议使用pattern="\d*"
技巧来显示数字键盘,但这不允许输入字母.
在type="number"
输入型显示常规的键盘,但转移到了数字布局:
这适用于iOS设备,但它使Chrome认为输入必须是数字,甚至改变输入的行为(上/下递增和递减值).
有没有办法让iOS默认为数字布局,但仍然允许输入字母数字?
基本上,我想要iOS行为,type="number"
但我希望该字段的行为类似于桌面浏览器上的常规文本字段.这可能吗?
更新:
嗅探iOS的用户代理并使用type="number"
输入类型不是一种选择.type="number"
不适用于字符串值(如邮政编码),它有其他副作用(如剥离前导零,逗号分隔符等),使其不太适合邮政编码.
我试图在输入类型中获得正则表达式模式number
以仅显示数字和点.我试过这样的事.
<input type="number" pattern="[0-9.]*">
<input type="tel">
Run Code Online (Sandbox Code Playgroud)
两者都只显示数字(0-9),但不显示.(点).我需要在输入字段中使用点.
是否有可能通过html5?或者我要用javascript去?
注意:这在Android中运行良好,但是.(点)不在iphone中显示
我需要显示这样的移动键盘..
对此有何帮助?
我现在搜索了几个小时后,我只有一个简单的问题:是否有可能在webbrowsers输入字段中显示十进制键盘?input type="number"
只显示数字,但我需要在左下角使用逗号或点.
我尝试新鲜事物,pattern
,step
等,但没有任何带来了十进制键盘.我只需要数字和点或逗号,没有AZ或az或其他任何东西.
<input type="number" id="inputNumbers" pattern="[0-9]*" size="30" min="1" max="5">
Run Code Online (Sandbox Code Playgroud)
这就是我得到的:
这就是我要的:
我目前正在开发类似Mogok的自定义iOS浏览器.当用户点击UIWebView中的任何textinput时,我需要更改默认键盘.
我想知道当用户点击UIWebView中的任何输入文本时系统如何显示键盘?如何在UIWebView中获取成为第一响应者的文本字段的引用?我已经做了2晚黑色:-)还没有结果:-(
任何帮助将受到高度赞赏.
关心Ranjan
我正在开发一个混合应用程序,我需要为 iOS 显示带点和逗号的数字键盘。我尝试了类型为数字的模式 [0-9]。它适用于 android,但不显示 iOS 的点/逗号。任何人都知道如何为 iOS 实现这一目标?我尝试搜索cordova插件。没有得到任何。我以角度创建了一个自定义键盘。但是当我提供任何输入时,它对 iOS 有一些延迟。我需要在 html5 输入字段中附加键盘。对于 ios,我没有使用“input type="number" min="0" inputmode="numeric" pattern="[0-9]*"” 得到点。