Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ฟิลด์วันที่ HTML5 และข้อความตัวยึดตำแหน่งใน Safari


แอตทริบิวต์ตัวยึดตำแหน่งไม่สนับสนุนองค์ประกอบอินพุตในวันที่ประเภทอินพุต

อย่างไรก็ตาม คุณอาจเคยเห็นมันทำงานบนเว็บเบราว์เซอร์ 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" />