home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

HTML5 date field และ placeholder text ใน Safari

แอตทริบิวต์ placeholder ไม่รองรับ input elements บน input type date

อย่างไรก็ตาม คุณอาจเห็นมันทำงานใน Safari เพราะ Safari ไม่รองรับ date type นั่นหมายความว่าแอตทริบิวต์ถูกละเลย และสิ่งที่เหลือคือ plain text field เท่านั้น

ดังนั้น โค้ดต่อไปนี้ทำงานบน 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" />