1、原因：placeholder是h5的新属性，IE10以前的浏览器(8、9)不支持此属性。

 

2、解决方法：jQuery三方插件  jquery-placeholder

3、快速开始：

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>test</title>
  5. <script type="text/javascript" src="jquery-1.9.1.js"></script>
  6. <!--[if lte IE 9]>
  7. <script src="../../js/jquery/jquery.placeholder.min.js"></script>
  8. <script>
  9. $(function(){
  10. $('input[placeholder]').placeholder();
  11. });
  12. </script>
  13. <![endif]-->
  14. </head>
  15. <style type="text/css">
  16. input{
  17. width: 100px;
  18. height: 50px;
  19. border: 1px solid red;
  20. }
  21. .placeholder {
  22. color: #ccc;
  23. }
  24. </style>
  25. <body>
  26. <input type="text" placeholder="dfdsfdsfad"/>
  27. </body>
  28. </html>

4、注：此插件和jquery validate混合使用时，密码框password会略过校验，因为新生成的input并没有name属性。解决方法：点击提交按钮时，用js代码给新生成的input添加name属性

最新文章

  1. IEEE浮点标准
  2. js如何求一组数中的极值
  3. java位操作总结
  4. Orchard 刨析：导航篇
  5. nrf51822裸机教程-PWM
  6. linux 相关学习记录
  7. echarts雷达图
  8. 在Fedora 20下编译安装QEMU
  9. 立即执行函数 IIFE
  10. Java好的的工具类:MD5
  11. npm 发布包和删除包（2019最新攻略）
  12. cpu使用率低负载高，原因分析
  13. 神州数码静态路由及直连网段引入到RIP协议配置（路由重定向）
  14. Django-website 程序案例系列-5 模态对话框实现提交数据
  15. CTEX(LaTeX) 编译 中文
  16. 机器学习基石笔记：14 Regularization
  17. Redis有序集合
  18. Net Promoter Score
  19. os模块和sys模块，以及random模块
  20. Linux服务-mysql基础篇

热门文章

  1. 【凯子哥带你夯实应用层】使用ActionMode实现有删除动画的多选删除功能
  2. oracle视图建主键
  3. angular学习笔记(三十)-指令(5)-link
  4. python（58）：python下划线
  5. win10下安装redis 服务
  6. 【Cmd】那些年,我们迷恋的cmd命令（二）
  7. CAP原则、BASE理论
  8. Lintcode: Fast Power 解题报告
  9. LeetCode: Binary Tree Inorder Traversal 解题报告
  10. 手机抓包fiddle4的安装及配置