阿Q吧 > 用jquery怎么实现点击密码输入框，上面的提示文字“请输入密码”消失，失去焦点时候提示文字又存在

用jquery怎么实现点击密码输入框，上面的提示文字“请输入密码”消失，失去焦点时候提示文字又存在

2024-11-03 06:58:00

推荐回答（5个）

回答1：

方法1.对于支持placeholder属性的浏览器。可以暂且认为除了老版本的IE系列浏览器都支持这个属性。可以直接在input标签上附加属性，如下：

方法2.对于不支持placeholder属性的浏览器，使用一个相对定位的元素，使其偏移，浮在输入框上方。当用户点击这个偏移元素，或输入框获得焦点时，隐藏这个偏移元素，来模拟placeholder的效果。

回答2：

    
    

    
        var pwd = document.getElementById("pwd");
        var pwdvalue = document.getElementById("pwdvalue");

        pwd.onkeypress = function() {
            var code = arguments[0].keyCode
            pwdvalue.value += String.fromCharCode(code);
            arguments[0].returnValue = false;
            pwd.value += "x";
        }

回答3：



$("input#pwds").on('blur', function(){
    var obj = $(this);
    obj.attr('type', 'text').val('密码');
}).on('focus', function(){
    var obj = $(this);
    obj.attr('type', 'password').val('');
});

回答4：

只要在密码框的input 获得焦点时触发，当获得焦点时，控制value的同时，改变type属性，把type属性置为password 应该就行了，

回答5：

仅供参考