html - 如何在输入日期字段上模拟占位符功能？

Question

不可能在日期字段上使用占位符，但我确实需要它。

我想要两个日期输入，每个日期输入文本“From”和“To”作为占位符。

Answer 1

我只使用了以下 CSS 技巧:

  input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
  }
  input[type="date"]:focus:before,
  input[type="date"]:valid:before {
    content: "";
  }

<input type="date" placeholder="Choose a Date" />