ไม่แสดง placeholder สำหรับ input type="date" ใน HTML5 วิธีแก้

เพื่อแสดง placeholder ใช้ดังนี้:

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

คุณยังสามารถใช้ CSS ได้:

input[type="date"]::before {
  color: #ffffff;
  content: attr(placeholder) ": ";
}
input[type="date"]:focus::before {
  content: "" !important;
}