Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Trường ngày HTML5 và placeholder text trên Safari


Thuộc tính placeholder không hỗ trợ input type date.

Tuy nhiên, bạn có thể thấy nó hoạt động trên Safari vì Safari không hỗ trợ type date. Điều đó nghĩa là thuộc tính bị bỏ qua và chỉ còn là trường văn bản đơn thuần.

Do đó, sau đây hoạt động trên Safari Desktop −

<input type = "date" name = "dob" id = "dob" value = "" placeholder = "add dob" /> Là phương án thay thế cho Safari mobile, dùng: input[type='date']:after {    color: #000000;    content: attr(placeholder); }

Và HTML −

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