zoukankan      html  css  js  c++  java

  • placeholder兼容IE8解决方案

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

     

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

    3、快速开始：

    [html] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    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.          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属性
  • 相关阅读:
    BZOJ2456
    BZOJ2648
    POJ1639
    LOJ6003
    LOJ6002
    LOJ6001
    LOJ116
    POJ2594
    BZOJ4554
    JS事件 加载事件（onload）注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。 2. 此节的加载页面，可理解为打开一个新页面时。
  • 原文地址：https://www.cnblogs.com/huangf714/p/6321872.html
Copyright © 2011-2022 走看看