显示输入类型日期的占位符文本

Question

占位符不适用于输入类型 date 和 datetime-local 直接。

 <input type="date" placeholder="Date" />
<input type="datetime-local" placeholder="Date" />

相反，该字段在桌面上显示 mm/dd/yyy ，在移动设备上什么也没有。

如何显示 日期 占位符文本？

原文由 Elyor 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 onfocus="(this.type='date')" ，例如：

 <input required="" type="text" class="form-control" placeholder="Date" onfocus="(this.type='date')"/>

原文由 Elyor 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 onfocus 和 onblur …这是一个例子：

 <input type="text" placeholder="Birth Date" onfocus="(this.type='date')" onblur="if(this.value==''){this.type='text'}">

原文由 Leandro Da Silva 发布，翻译遵循 CC BY-SA 3.0 许可协议