placeholder.js让你IE浏览器支持placeholder

2016-03-041,760 人已阅来源:网络

众所周知,input的提示相当有用,placeholder的出现,解决前端开发人员的一个不大不小的麻烦。但唯独IE不支持,placeholder.js就是为了解决这个问题而生!而且几乎兼容所有浏览器。

在使用的时候,建议作一下ie适配。因为chrome等新浏览器是支持placeholder属性的。再引用有些画蛇添足了。

使用方法

1、引入js

<script type="text/javascript" src="jquery.js"></script>
<script src="jquery.placeholder.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){ $('input, textarea').placeholder(); });
</script>

2、html代码

<input id="" name="" type="text" placeholder="请输入用户名" />

官网及Demo

官网 Demo(请用IE低级浏览器)