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"  οnfοcus="this.removeAttribute('placeholder')" οnblur="this.setAttribute('placeholder','Birth Of Day')" />

onfocu后：                                                     onblur后：

                                   

 

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

<input  type="text" placeholder="Date Of Day" οnfοcus="(this.type='date')"  οnblur="(this.type='text')" />

onfocus后：                                  onblur后：

             

 

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

<input  type="text" placeholder="Date Of Day" οnfοcus="this.setAttribute('type','date')"  οnblur="this.setAttribute('type','text')" />

 

转载于:https://www.cnblogs.com/kuangx/p/10038281.html