打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Html5/Css3 向下兼容placeholder
//@charset "utf-8";
/**
 * jquery版本要求:1.3 ~ 1.8,HTML声明请遵循W3C标准
 * 用来处理placeholder的插件
 * 兼容IE6浏览器
 * @author liuzhao141596@163.com
 * @version 1.0
 * @date 2013-4-15 11:16:59
 */
function isPlaceholder() {
    var input = document.createElement('input');
    return 'placeholder' in input;
}
if (!isPlaceholder()) {//不支持placeholder 用jquery来完成 
    $(document).ready(function () {
        if (!isPlaceholder()) {
            $("input").not("input[type='password']").each(//把input绑定事件 排除password框 
                function () {
                    if ($(this).val() == "" && $(this).attr("placeholder") != "") {
                        $(this).val($(this).attr("placeholder"));
                        $(this).focus(function () {
                            if ($(this).val() == $(this).attr("placeholder")) $(this).val("");
                        });
                        $(this).blur(function () {
                            if ($(this).val() == "") $(this).val($(this).attr("placeholder"));
                        });
                    }
                });
            //对password框的特殊处理1.创建一个text框 2获取焦点和失去焦点的时候切换 
            var pwdField = $("input[type=password]");
            var pwdVal = pwdField.attr('placeholder');
            pwdField.after('<input id="pwdPlaceholder" type="text" class="btn_login2" value=' + pwdVal + ' autocomplete="off" />');
            var pwdPlaceholder = $('#pwdPlaceholder');
            pwdPlaceholder.show();
            pwdField.hide();
            pwdPlaceholder.focus(function () {
                pwdPlaceholder.hide();
                pwdField.show();
                pwdField.focus();
            });
            pwdField.blur(function () {
                if (pwdField.val() == '') {
                    pwdPlaceholder.show();
                    pwdField.hide();
                }
            });
        }
    });
}
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
用jQuery解决input中placeholder值在ie中无法支持的问题
jquery判断单选按钮是否选中
【jquery】基于 jquery 实现 ie 浏览器兼容 placeholder 效果
js实现登录注册框手机号和验证码校验(前端部分)
jQuery正则表达式的使用方法步骤详解
前端|利用data对象方法实现倒计时效果
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服