placeholder는 HTML5에서 추가된 속성으로,

input 안내문구를 넣을 수 있게 해주는 !! 기능을 가지고 있습니다.



<input type="text" name="id" placeholder="이메일 주소" />

이렇게 입력했을 경우 text(텍스트)가 들어가는 공간에 기본적으로 '이메일 주소'가존재하고

마우스 커서를 대고 입력을 하면 '이메일 주소'가 사라지고 입력한 값이 들어갑니다!



패스워드 또한 마찬가지로

<input type="password" name="password" placeholder="비밀번호" />

 기본적으로 value="비밀번호" 라고 입력하면 텍스트 창에 ****이라고 뜨지만

placeholder 값에 비밀번호 라고 입력하면, 텍스트 창에 비밀번호 라고 뜨고,

 값을 입력하게 되면 ****이런식으로 입력한 값이 들어갑니다!



하지만 IE9 이하에서는 지원하지 않는다고 하네요~ ㅠ_ㅠ

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기