如何在Android中显示密码字段的数字软键盘

概述我正在使用PhoneGap进行 Android移动项目,并使用三星Galaxy S2 Skyrocket,Android版本4.0.4进行测试.现在我有一个只接受数字密码的html输入字段,所以首先我设置这样的输入 < input type =“password”id =“Password”/> 它给了我Android中的字母键盘,但我希望显示键盘是数字. 所以我改变了我的代码 < input t 我正在使用PhoneGap进行 Android移动项目,并使用三星galaxy S2 Skyrocket,AndroID版本4.0.4进行测试.现在我有一个只接受数字密码的HTML输入字段,所以首先我设置这样的输入
< input type =“password”ID =“Password”/>
它给了我AndroID中的字母键盘,但我希望显示键盘是数字.
所以我改变了我的代码
< input type =“tel”ID =“密码”/>并使用CSS来掩盖密码

<style type="text/CSS">        #Password {            -webkit-text-security: disc;        }</style>

但是屏蔽与type =“password”的工作方式不同,它会在密码框没有聚焦时屏蔽密码.如果它被聚焦,密码将不会被光盘屏蔽,因此它将被显示.

有没有办法让我显示数字键盘并让密码一直被屏蔽？

谢谢.

解决方法 我解决了这个问题

密码输入标签在这样的div中

<div ID="passwordCell" >    <input type="password" pattern="[0-9]*" name="Password" ID="Password" placeholder="4 digit numeric only allowed" maxlength="4"/></div>

所以我通过以下步骤解决了问题：

>在#passwordCell div中添加另一个输入字段,并为其指定一个ID,例如password_mask
< input type =“tel”name =“password_mask”ID =“password_mask”placeholder =“仅允许4位数字.” MAXLENGTH = “4”/>
>隐藏#Password输入字段
$( “#密码”),隐藏().
>将jquery keyup事件绑定到#password_mask输入字段,使其将其输入值传递给#Password字段,并将#password_mask中的输入字符替换为*.我这样做是因为最后#Password中的值将作为用户密码发送到服务器

这是JavaScript代码,我使用jquery

$("#passwordCell").HTML('');$("#passwordCell").append('<input type="tel" name="password_mask" ID="password_mask" placeholder="4 digit numeric only allowed." maxlength="4"/>' +                            '<input type="password" pattern="[0-9]*" name="Password" ID="Password" placeholder="4 digit numeric only allowed" maxlength="4" data-valIDation-required="true" data-valIDation-pattern="pin not_empty"/>');$("#password_mask").textinput();$("#Password").textinput();//$("#password_mask").show();$("#Password").hIDe();$("#password_mask").keyup(function() {    var inputLength = $(this).val().length;    var passwordLength = $("#Password").val().length;    if (inputLength > passwordLength) {        var inputLastChar = $(this).val().charat(inputLength-1);        $("#Password").val($("#Password").val() + inputLastChar);    } else {        $("#Password").val($("#Password").val().substring(0,$(this).val().length));    }    var i = 0;    var maskPassword = "";    while (i < $("#password_mask").val().length) {        maskPassword += "*";        i++;    }    $("#password_mask").val(maskPassword);});$("#password_mask").blur(function() {    $("#Password").focus();    $("#Password").blur();});

总结

以上是内存溢出为你收集整理的如何在Android中显示密码字段的数字软键盘全部内容，希望文章能够帮你解决如何在Android中显示密码字段的数字软键盘所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。