แอตทริบิวต์ตัวยึดตำแหน่งไม่สนับสนุนองค์ประกอบอินพุตในวันที่ประเภทอินพุต
อย่างไรก็ตาม คุณอาจเคยเห็นมันทำงานบนเว็บเบราว์เซอร์ Safari เพราะมันไม่รองรับประเภทวันที่ ซึ่งหมายความว่าระบบจะละเว้นแอตทริบิวต์และส่วนที่เหลือเป็นเพียงช่องข้อความธรรมดา
ดังนั้น การทำงานต่อไปนี้บน Safari Desktop -
<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" />