密码字段仅包含数字

Posted 2021-03-28

我正在创建一个网络应用程序，我想为智能手机设置一个特殊的密码字段。用户密码只是数字，所以我想要一个特殊的键盘（它已经完成并且可以工作）问题是Firefox for android，密码字段不显示为密码而是显示为简单文本。

我的ASP.NET字段：

 <asp:TextBox Type="Number" pattern="[0-9]*" CssClass="PassTxtBox" ID="Txt_psswd" runat="server" Columns="20" MaxLength="20" Width="100%" Height="30px" ForeColor="Black"></asp:TextBox>

我的CSS：

.PassTxtBox{
    -webkit-text-security: circle;
}

答案

将输入类型更改为Type="Password"

<asp:TextBox Type="Password" pattern="[0-9]*" CssClass="PassTxtBox" ID="Txt_psswd" runat="server" Columns="20" MaxLength="20" Width="100%" Height="30px" ForeColor="Black"></asp:TextBox>

另一答案

尝试将text-security:circle;添加到类PassTxtBox

.PassTxtBox{
    -webkit-text-security: circle;
    -moz-text-security:circle;
     text-security:circle;
}

尝试添加此功能

 window.onload = function(){
            init(); 
        }
        function init(){
            var test= document.getElementsByTagName("input")[0];
            var style = window.getComputedStyle(x);

            if(style.webkitTextSecurity){
                //Don't perform any action
            }else{
                test.setAttribute("type","password");
            }
        }