input placeholder 활용

일반적으로

 

input 태그에 예시 값을 넣고 그 값을 삭제하고 입력폼을 초기화하는 경우

<input type="text" name="생년월일" value="예)19841129" onfocus="if(this.value==this.defaultValue){this.value = '';}">

 

위와 같은 방법으로 사용한다.

 

input 태그 안에 placeholder 를 활용하면

PC브라우저에서는 값이 보이지않고, 휴대폰 브라우저에서 값이 보임으로써

별다른 처리없이 클릭시에 설정한 값이 사라져서 예시를 나타낼때 유용하게 쓸 수 있다.

-예시

<input type="text" name="생년월일" placeholder="예)19841129">