改变input type=password的属性

<style>
            .a,.b{
                width:90px ;
                height: 30px;
                text-indent: 1em;
            }
            
</style>

 

<form id="from">
            <input type="text" value="姓名" class="a"/>
            <input type="text" value="年龄" class="b"/>
            <input type="text" value="请输入密码" class="password" />
            <input type="button" value="提交" />
</form>

 

 

<script>
        var $password = $(".password");//获取密码框
        $("input[type=text]").focus(function(){
            //聚焦，判断值是否相等
            var valueIsSame = this.value == this.defaultValue;
            if(valueIsSame){
                this.value = "";
            }
            if($(this).hasClass("password"))
            //把密码框变成密码框
            $password.attr("type","password")
        }).blur(function(){
            //离焦，判断值是否是空
            var valueIsNull = this.value == "";
            if(valueIsNull){
                //如果是空，密码框显示为文本信息
                $password.attr("type","text");
                //显示默认信息
                this.value = this.defaultValue;
            }
            //否则，变成密码框
        } </script>