手机端input[type=date]的placeholder不起作用
<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','年/月/日'); } });
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步