码迷,mamicode.com
首页 > 移动开发 > 详细

input 密码框调出手机的数字键盘

时间:2016-07-14 19:12:43      阅读:991      评论:0      收藏:0      [点我收藏+]

标签:

 

对于某些密码,想要在手机上调出数字键盘,同时要隐藏文字。可结合type=tel和 text-security属性达到目的。

input{
            -webkit-text-security:disc;
            text-security:disc; /*使用指定形状代替文字显示 circle圆圈 disc 圆形 square 正方形*/
        }

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>输入密码时,调出手机的数字键盘</title>
    <style>
        input{
            -webkit-text-security:disc;
            text-security:disc; /*使用指定形状代替文字显示 circle圆圈 disc 圆形 square 正方形*/
        }
    </style>


</head>
<body>
<input type="tel" id="pass" />
    <script>
        window.onload = init;
        function init(){
            var x = document.getElementById("pass");
            var style = window.getComputedStyle(x);
            if(style.webkitTextSecurity){
                //do nothing
            }else{
                x.setAttribute("type","password");
            }
        }

    </script>
</body>
</html>

 

input 密码框调出手机的数字键盘

标签:

原文地址:http://www.cnblogs.com/lydialee/p/5671317.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!