input에 background-image 이벤트

by 조쉬 posted Mar 01, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
네이버 아이디 클릭시 input 안에 있는 배경화면이 사라지는 것을 볼 수 있다.

아래와 같이 하면 가능하다.

   <input type="text" tabindex="1" name="userid" value="" size="12" style="font-weight:bold; background-image:url('/images2/left_login_img_id.gif'); padding-top:0; padding-right:0; padding-bottom:0; padding-left:3; border-width:1px; border-color:rgb(110,169,153); border-style:solid; width:134px; height:21px;" 
   onfocus="this.style.backgroundImage='none';" onblur="if(this.value.length==0){this.style.backgroundImage='url(images2/left_login_img_id.gif)'}else{this.style.backgroundImage='none'}">