关于input标签，密码输入保存的一些问题！

[yangduan1]

直接上代码不啰嗦！

<style>.input-box {
width: 210px;
height: 28px;
border-bottom: 1px solid #ccc;
text-indent: 6px;
font-size: 14px;
font-family: "微软雅黑";
line-height: 28px;
color: #ccc;
margin-top: 8px;
margin-left: 22px;
}</style>
<div class="intermediate_input_box">
<input type="text" id="mobile" name="mobile" class="input-box" value="请输入手机号或邮箱" onfocus="if(this.value=='请输入手机号或邮箱'){this.value=''};this.style.color='black';" onblur="if(this.value==''||this.value=='请输入手机号或邮箱'){this.value='请输入手机号或邮箱';this.style.color='#cccccc';}">
<input type="text" id="password_txt" class="input-box" value="密码" onclick="changetxt()">
<input type="password" id="password" class="input-box" onclick="changepassword()" style="display:none;" onfocus="if(this.value==''){this.value=''};this.style.color='black';" onblur="if(this.value==''||this.value==''){this.value='';this.style.color='#cccccc';}" >
</div>
<script type="text/javascript">
function changetxt()
{
objtxt=document.getElementById('password_txt');
objpassword=document.getElementById('password');
objtxt.style.display='none';
objpassword.style.display='';
objpassword.focus();
}
function changepassword()
{
objtxt=document.getElementById('password_txt');
objpassword=document.getElementById('password');
if(objpassword.value=='')
{
objtxt.style.display='';
objpassword.style.display='none';
objtxt.value='密码';
}
}
</script>
因为我这是采用点击事件获取后面的密码框，新手不太懂，因为自动保存密码了，第二次打开软件，一米已经保存但是由于时间没有触发，还是显示第一个状态，所以现在想在后台保存数据的同时可以直接显示密码框状态2，怎么写才可以实现。

[yangduan1]

[jio可]

引用 4 楼 yangduan1 的回复:

[quote=引用 2 楼 u012418098 的回复:]

<script>
    //假如这是后台校验是否保存密码,保存就返回帐号密码给前台
//    ajax({
        //data是后台响应数据
//    })
    var data = {mobile:[phone],password:952741};
    if(data.password){
        //执行变化
        init();
    }
    function init(){
        var mobile = document.getElementById('mobile');
        var pwd_txt = document.getElementById('password_txt');
        var pwd = document.getElementById('password');
        pwd_txt.style.display = 'none';
        pwd.style.display = 'block';
        pwd.value = data.password;
        mobile.value = data.mobile;
    }
</script>

把这段加上去试试

我这个能保存但是保存之后还是默认的第一个输入框，因为我是采用了点击事件才使得 type="text" 变成type="password"，但是我保存密码之后，关闭之后下一次打开，默认还是第一个，我是想当密码输入正确并保存之后，默认显示type="password"，没保存依然执行我上面写的。如下图片 [/quote] 记住账号以后是不是进入登陆页面帐号就已经被填写了，如果是那就直接判断帐号是不是为空，不为空就隐藏密码1，显示密码2

[jio可]

<script>
    //假如这是后台校验是否保存密码,保存就返回帐号密码给前台
//    ajax({
        //data是后台响应数据
//    })
    var data = {mobile:[phone],password:952741};
    if(data.password){
        //执行变化
        init();
    }
    function init(){
        var mobile = document.getElementById('mobile');
        var pwd_txt = document.getElementById('password_txt');
        var pwd = document.getElementById('password');
        pwd_txt.style.display = 'none';
        pwd.style.display = 'block';
        pwd.value = data.password;
        mobile.value = data.mobile;
    }
</script>

把这段加上去试试

[yangduan1]

我这个能保存但是保存之后还是默认的第一个输入框，因为我是采用了点击事件才使得 type="text" 变成type="password"，但是我保存密码之后，关闭之后下一次打开，默认还是第一个，我是想当密码输入正确并保存之后，默认显示type="password"，没保存依然执行我上面写的。如下图片

[yangduan1]

引用 2 楼 u012418098 的回复:

<script>
    //假如这是后台校验是否保存密码,保存就返回帐号密码给前台
//    ajax({
        //data是后台响应数据
//    })
    var data = {mobile:[phone],password:952741};
    if(data.password){
        //执行变化
        init();
    }
    function init(){
        var mobile = document.getElementById('mobile');
        var pwd_txt = document.getElementById('password_txt');
        var pwd = document.getElementById('password');
        pwd_txt.style.display = 'none';
        pwd.style.display = 'block';
        pwd.value = data.password;
        mobile.value = data.mobile;
    }
</script>

把这段加上去试试

我这个能保存但是保存之后还是默认的第一个输入框，因为我是采用了点击事件才使得 type="text" 变成type="password"，但是我保存密码之后，关闭之后下一次打开，默认还是第一个，我是想当密码输入正确并保存之后，默认显示type="password"，没保存依然执行我上面写的。如下图片