input、textarea标签placeholder兼容IE8浏览器js插件代码

来源：互联网发布：网络交友英语作文题目编辑：程序博客网时间：2024/05/16 02:35

这里写图片描述

<!DOCTYPE html><html lang="en"><head>    <meta charset="utf-8">    <title>工作记事本</title>    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script></head><body>    <div id="wordText">        <input type="text" placeholder="请输入内容">        <textarea placeholder="请输入内容"></textarea>    </div>    <div id="wordText">        <input type="text" placeholder="请输入内容">        <textarea placeholder="请输入内容"></textarea>    </div>    <div id="wordText">        <input type="text" placeholder="请输入内容">        <textarea placeholder="请输入内容"></textarea>    </div>    <div id="wordText">        <input type="text" placeholder="请输入内容">        <textarea placeholder="请输入内容"></textarea>    </div></body><style>    .placeholder{color:#ccc;}</style><script>    (function() {        var suportPlaceholder = "placeholder" in document.createElement("input") || "placeholder" in document.createElement("textarea");        function Placeholder(elem) {            var text = elem.attr("placeholder");   //获取palceholder文本值            var value = elem.val();            if(!value){                elem.val(text).addClass("placeholder");            }            elem.focus(function(){                if(elem.val() == elem.attr("placeholder")){                    elem.val("").removeClass("placeholder");                }            });            elem.blur(function(){                if(elem.val() == ""){                    elem.val(text).addClass("placeholder");                }            });        }        $("input,textarea").each(function(){            if(!suportPlaceholder){                Placeholder($(this));            }        });    }());</script></html>

阅读全文

0 0