手機端input[type=date]的placeholder不起作用

標籤：.text   fun   屬性   nbsp   for   color   label   選擇   focus   

　　　　　<div class="input clearfix">            <label class="fl">起始日期</label>            <input class="fl text_date" type="date" name=""   value="" placeholder="年/月/日" />        </div>        <div class="input clearfix">            <label class="fl">終止日期</label>            <input class="fl text_date" type="date" name=""  value="" placeholder="年/月/日" />        </div>

css:

input[type="date"]:before{    content: attr(placeholder);    color:#ccc;}

使用者選了日期以後我們類比的預設文字還在，所以在使用者選擇的時候就刪除此屬性，之後需要的話再添加回來。

js:

$(‘.text_date‘).focus(function(){        $(this).removeAttr(‘placeholder‘);    });    $(‘.text_date‘).blur(function(){        if(this.value == ‘‘){            $(this).attr(‘placeholder‘,‘年/月/日‘);        }    });

 

手機端input[type=date]的placeholder不起作用