android - HTML 输入 : force numeric keyboard by default but allow letters

标签 android html cordova input keyboard

我有一个 HTML 输入。输入在 Android 手机上的 Chrome 中打开的网页上。

我想要一个选项,让用户在开始输入值时看到数字键盘。但与此同时,我希望他能够输入字母数字字符。

  • 我不能使用 type="number",因为它不允许输入字母。

  • 我不能使用 type="text",因为它默认打开字母键盘,用户必须切换到数字键盘。

所以我试图找到的选项是当标准字母数字键盘打开但数字输入已经被选中时(就像你在标准键盘上按 ?123 时一样)。

我试过使用 type="tel"但我不明白如何从数字切换到字母。

我正在使用 Cordova,所以如果没有使用 HTML 执行此操作的选项,我可以使用 native 插件,如果你建议我使用它们中的任何一个。


我使用 cordova,所以如果没有 HTML 方式来做事,我准备好集成任何类型的插件,如果你能给我建议的话。


TL;DR:这是我希望看到的默认键盘布局。可能吗?

enter image description here

最佳答案

您可能想看看这个:https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/

<input inputmode="numeric" pattern="[0-9]*" type="text" name="creditcard">

inputmode 将在最新的 Android 浏览器上运行,pattern 是 iOS 的 hack。特别注意他们谈论 iOS 不允许用户更改键盘的文章。

希望对您有所帮助。

关于android - HTML 输入 : force numeric keyboard by default but allow letters,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49177211/

相关文章:

android - 传回PROPERTY_SUPPORT_MIC_NEAR ULTRASOUND和PROPERTY_SUPPORT_SPEAKER_NEAR ULTRASOUND的Android设备具有哪些功能

java - android.view.ContextThemeWrapper 无法转换为 android.app.Activity

html - CSS - 子元素的边框覆盖父元素

cordova - 如何使用刷新 token 通过 ADAL for Cordova 请求多个资源

android - 当 setOnTouchListener 设置为 webview - loadDataWithBaseURL 不起作用或显示相同的旧内容

android - 如何在 virtualbox 上模拟 Android-x86 上的短信?

html - IE7 缺少 Atom 提要自动发现

html - 需要基本的侧面菜单脚本帮助

javascript - 如何检测 cordova iOS WebView 导航事件

javascript - 动态加载的 phonegap.js 问题