input 박스 텍스트 클릭시 사라지게

300x250
input 박스 텍스트 클릭시 사라지게
만약 아이디 이라는 input 박스가 있다면 요기에 아이디를 입력하기 전에 이미 "아이디" 라는 문구가 있는데 마우스를 클릭 하게 되면 "아이디"라는 문구가 사라지고 커서가 깜빡거리는데요
오늘 요녀석을 어떻게 하는지 알아 볼께요..^^

아래 사진은 네이버 로그인 창 입니다.





위쪽에 그림은 마우스를 클릭 하기 전이구요 아래쪽 이미지는 마우스를 클릭했을때 이미지 입니다.
이제 어떤 건지는 아시겠죠..
방식은 아래와 같습니다.

<input type="text" class="text" onfocus="this.value='';" value="아이디" />


onfocus="this.value='';" value="아이디" // 이부분이 바로 평상시에는 아이디를 표기 하고 마우스를 클릭 했을때 즉 포커스가 될때 "아이디"를 삭제 한다는 내용입니다..^^



300x250
이글에는 개 의 댓글이 있습니다. 댓글 확인 ▼

Comments