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