首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在Android手机网站中强制使用带数字的键盘

如何在Android手机网站中强制使用带数字的键盘
EN

Stack Overflow用户
提问于 2010-07-30 22:23:30
回答 5查看 167.7K关注 0票数 103

我有一个移动网站,里面有一些超文本标记语言input元素,如下所示:

代码语言:javascript
复制
<input type="text" name="txtAccessoryCost" size="6" />

我已经将该网站嵌入到一个可能的安卓2.1消费的WebView,所以它也将是一个安卓应用程序。

当这个超文本标记语言input元素被聚焦时,有没有可能用数字代替默认的字母键盘?

或者,如果对the Manifest file元素不可行,是否可以为整个应用程序设置它(可能是HTML语言中的某些内容)?

EN

回答 5

Stack Overflow用户

发布于 2010-11-30 20:33:33

代码语言:javascript
复制
<input type="number" />
<input type="tel" />

当输入获得焦点时,这两个按钮都会显示数字键盘。

<input type="search" />显示了一个带有额外搜索按钮的普通键盘

其他所有东西似乎都带上了标准键盘。

票数 122
EN

Stack Overflow用户

发布于 2020-02-23 21:58:30

根据WHATWG specinputmode是默认方法。

对于iOS设备,添加pattern也会有所帮助。

为了向后兼容,也使用type,因为Chrome从66版本开始使用这些。

代码语言:javascript
复制
<input
  inputmode="numeric"
  pattern="[0-9]*"
  type="number"
/>
票数 19
EN

Stack Overflow用户

发布于 2017-07-15 01:30:27

当输入类型为"number“时,一些浏览器会向服务器发送前导零。因此,我混合使用jquery和html来加载数字键盘,并确保值以文本而不是数字的形式发送:

代码语言:javascript
复制
$(document).ready(function(){
$(".numberonly").focus(function(){$(this).attr("type","number")});
$(".numberonly").blur(function(){$(this).attr("type","text")});
})
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="numberonly">

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3372380

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档