不显示输入类型的占位符=“日期”字段

Question

我正在做一个 phonegap 应用程序。当我尝试 type="date" 输入字段时，如下所示，它在 iPhone 中显示了我预期的日期选择器，但它没有显示我给出的占位符。我在 SO here 中发现了同样的问题，但在任何地方都没有解决方案。

  <input placeholder="Date" class="textbox-n" type="date" id="date">

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

Answer 1

它可能不合适……但它帮助了我。

 <input placeholder="Date" class="textbox-n" type="text" onfocus="(this.type='date')" id="date">

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

Answer 2

如果您使用 mvp 的方法但添加 onblur 事件将其更改回文本字段，以便在输入字段失去焦点时再次出现占位符文本。它只是让 hack 更好一点。

 <input placeholder="Date" class="textbox-n" type="text" onfocus="(this.type='date')" onblur="(this.type='text')" id="date" />

希望这可以帮助。

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