상세 컨텐츠

본문 제목

input placeholder 활용

프로그래밍/Etc

by ........? 2014. 4. 30. 15:17

본문

일반적으로

 

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

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

 

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

 

input 태그 안에 placeholder 를 활용하면

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

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

-예시

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

'프로그래밍 > Etc' 카테고리의 다른 글

HTML 태그 화면에 보이기 - <xmp></xmp> 활용  (0) 2014.03.03
css 핵 정리  (0) 2013.12.10
ime-mode  (0) 2012.11.16
리눅스 파일관리 명령어  (0) 2012.06.01
SSL 적용  (0) 2012.05.22

관련글 더보기

댓글 영역