只要用过表单中的placeholder的前端同学,就会发现它的强大之处,再也不用写一些超多事件的JS来实现,而这个属性却不能被脑残的IE低版本所支持,我们只能想一些办法来变通一下。
一、JQ方式实现(不支持password类型)
代码如下 | 复制代码 |
上面的方法缺点就是不能支持password类型的文本框,目前还没有很好的解决办法。
二、使用JQ插件jquery.placeholer.js
Github地址:https://github.com/tonitech/jquery.placeholder.js 引入到页面然后执行下面的代码:
代码如下 | 复制代码 |
这个方法比较简单,唯一令我不喜欢的是它要求jquery版本1.3到1.8,而我现在在项目中使用的是1.11,所以无奈我没有使用,如果你的项目使用的是1.3-1.8版本的,可以尝试下。
三、原生JS通过Label标签实现
代码如下 | 复制代码 |
这个方法我现在在用,而且还是原生的,感觉很不错,推荐给大家。