Safari中的HTML5日期字段和占位符文本

占位符属性不支持输入类型日期上的输入元素。

但是,您可能已经看到它在Safari Web浏览器上有效,因为它不支持日期类型。那将意味着该属性将被忽略,而其余仅是纯文本字段。

因此,以下在Safari桌面上有效-

<input type = "date" name = "dob" id = "dob" value = "" placeholder = "add dob" />
As an alternative for Safari mobile, use:
input[type='date']:after {
   color: #000000;
   content: attr(placeholder);
}

和HTML-

<input name = "mydate" type = "date" value = "" placeholder = "add dob" />