HTML5 placeholder使用技巧(jquery placeholder让IE支持placeholder)

placeholder英文意思是占位符，它是HTML5的属性，作用是给input描述输入字段预期值的提示信息，当然你不能指望IE也支持它，IE6~IE9都不支持HTML5 placeholder（后面会提供方法支持）。先看看placeholder在Chrome和Firefox区别：

<input type="text" placeholder="http://www.phpddt.com" size="26" />

不过没事，你可以用css覆盖一次，还可以修改默认字体颜色等：

<style>
   input:-moz-placeholder { color: #999; }
   ::-webkit-input-placeholder { color:red }
</style>

最重要的来了，jQuery Placeholder插件让IE支持placeholder：

<script src="jquery1.7.1-min.js"></script>
<script src="jquery.placeholder.js"></script>
<script>
    $(function() {
            $('input, textarea').placeholder();
    });
</script>
<input type="url" name="url" placeholder="e.g. http://phpddt.com /">
<textarea name="message" placeholder="你的信息"></textarea>

本地下载 官网下载