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

前端之家收集整理的这篇文章主要介绍了html – 如何在输入日期字段上模拟占位符功能?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在日期字段上使用占位符是不可能的,但我真的需要它.

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

解决方法

我使用以下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" />

猜你在找的HTML相关文章