ie7,8兼容input表单placeholder默认

作者:Jasmine - 2017年07月13日

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>placeholder兼容ie7,8,9</title>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jquery.placeholder.min.js"></script>
    <style>
        input, textarea { color: #333; }
        .placeholder { color: #ccc; }
    </style>
    <script>
        $(function () {
           $('input, textarea').placeholder();
        })
    </script>
</head>
<body>
<input type="text" placeholder="请输入账号">
<br>
<br>
<br>
<textarea name="" id="" cols="30" rows="10" placeholder="请输入留言内容"></textarea>
</body>
</html>

引入了文件<script src="js/jquery.placeholder.min.js"></script>和加入代码$('input, textarea').placeholder();

就可以兼容ie9以下placeholder默认提示文字效果.


本文作者: Jasmine

本文链接: https://www.jianbaizhan.com/article/561.html

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!