<input name="userid" type="text" size="12" maxlength=12 onkeydown="this.style.background='#ffffff'" onmousedown="this.style.background='#ffffff'" style="background-image:url('./images/kor_back_id.gif'); background-repeat:no-repeat;" class=input2>

이게 팁이 될지 모르지만 오늘 오후 저녁 하루종일 찾은 내용이네요... 싸이월드나 다음같은 사이트에 가면 특히 싸이월드는
마우스 커서로 아이디입력부분에 클릭하지 않아도 커서가 가있는데요 그 상태에서 input 배경이미지를 넣고 마우스클릭시 배경이미지가 없어지고
내용을 입력할 수 있고 또한 커서가 자동으로 위치하게 했다면 마우스로 클릭하지 않아도 내용입력시 배경이미지가 사라지게 되는 소스입니다...
간단한건데....-_- 저는 몰랐네요... onmousedown 대신에 onclick 써도되구요.... 커서자동으로 위치하는거는 검색해보시면 나올거예요...
body에서 onload시키면 될것입니다.. 이상 허접한 팁이었습니다... (참.. 페이지이동되고 탭키눌러도 커서의 위치가 바뀌므로 배경이미지도 사라집니다)

http://www.leejinsoo.net/js_bbs/outlogin/member_login.php