zoukankan      html  css  js  c++  java
  • input date 支持placeholder属性

    第一种解决方法:IE,火狐浏览器,不支持input date的日历功能,火狐支持日历功能   ie,火狐,谷歌显示placeholder属性

    css代码

    #dateofday:before{  color:#808080;  content:attr(placeholder);  -webkit-appearance:textarea}

    html代码

    <input type="date" runat="server" placeholder="Birth Of Day"  id="dateofday"  onfocus="this.removeAttribute('placeholder')" onblur="this.setAttribute('placeholder','Birth Of Day')" />

    onfocu后:                                                     onblur后:

                                       

    第二种解决办法:ie浏览器报错  火狐不支持日历功能  谷歌支持日历功能, 火狐和谷歌显示placeholder属性

    <input  type="text" placeholder="Date Of Day" onfocus="(this.type='date')"  onblur="(this.type='text')" />

    onfocus后:                                  onblur后:

                 

    第三种解决方法:ie 火狐,谷歌,移动端都支持placeholder属性,但是只有移动端和谷歌有日历功能

    <input  type="text" placeholder="Date Of Day" onfocus="this.setAttribute('type','date')"  onblur="this.setAttribute('type','text')" />

  • 相关阅读:
    六 . 爬虫 Xpath介绍和使用
    五. 爬虫 正则表达式
    四 . 爬虫 BeautifulSoup库参数和使用
    三 . 爬虫 url编码
    一 . 爬虫
    【HDU5952】Counting Cliques
    【HDU5521】Meeting
    【模板】回文自动机
    【CF1218E】Product Tuples
    【洛谷P2485】计算器
  • 原文地址:https://www.cnblogs.com/kuangx/p/10038281.html
Copyright © 2011-2022 走看看