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

我正在使用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: @R_404_6422@c;
        }
</style>

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

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

谢谢.

解决方法:

我解决了这个问题

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

<div id="passwordCell" style="@R_404_6422@play:inline;">
    <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”/&GT
>隐藏#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();
});