Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

Safari의 HTML5 날짜 필드 및 자리 표시자 텍스트


placeholder 속성은 입력 유형 날짜의 입력 요소를 지원하지 않습니다.

그러나 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" />