继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

input密码输入框显示为星号“*”

冉冉说
关注TA
已关注
手记 354
粉丝 43
获赞 194

input密码输入框显示为“*”

需要注意的是:input的type属性需设置为"text"

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>input密码框显示为星号“*”</title>
    </head>
    <body>
        <!--type需设置为text-->
        <input type="text" />
    </body></html><script type="text/javascript" src="jquery-3.2.1.js" ></script><script>
    var str='';  //定义一个空变量用来存储密码
    $('input').keyup(function(){        var value=$(this).val();    //输入的时候获取输入框的值  
        str+=value.substr(value.length-1,1); //获取最后一个字符加到到str,因为除了最后一个字符,其他的已经为*
        $(this).val(value.replace(/./g,'*')) //输入框内容全部变为*
        console.log(str); //str即为输入框的内容
    })</script>



作者:是萌面怪瘦呀
链接:https://www.jianshu.com/p/32cc243174b9


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP