让ie支持placeholder

placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。

但是IE的老版本(ie6,ie7,ie8)浏览器并不支持html5,所以也不支持placeholder,当然办法总比问题多,要实现ie支持placeholder只需引用一个jquery.placeholder.js文件,然后申明一下就可以了,下面提供了demo下载。

jquery.placeholder.js是一个基于jquery的让不支持placeholder的浏览器实现支持placeholder的一个hack.

使用方法,引入文件

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="jquery.placeholder.js"></script>

申明

<script type="text/javascript">
$(function(){
 $('.login-form input').placeholder();//jquery选择符,你可自定义
});
</script>

[Downlink href=”http://pan.baidu.com/s/1eQo2VhK” rel=”nofollow”]Demo下载[/Downlink]

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注