input 입력창에 배경 이미지 깔기

[input 입력창에 배경 이미지 깔기]
---------------------------------------------------------------------------------------------------------------------

<script>
var c=false;
function change() {
if ( c ) return;
document.userlogin.uid.style.backgroundImage="";
c=true;
}

var c2=false;
function change2() {
if ( c2 ) return;
document.userlogin.upw.style.backgroundImage="";
c2=true;
}
</script>

스크립트에 위를 추가하고...

<TR>
<TD align=middle height=20><INPUT onmousedown="return change();" onkeydown="return change();" style="BORDER-RIGHT: #999999 1px solid; BACKGROUND-POSITION: center center; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(subpage/imgs/id.gif); BORDER-LEFT: #999999 1px solid; WIDTH: 120px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, 굴림; HEIGHT: 20px" maxLength=6 name=uid></TD></TR>
<TR>
<TD vAlign=bottom align=middle height=24><INPUT onmousedown="return change2();" onkeydown="return change2();" style="BORDER-RIGHT: #999999 1px solid; BACKGROUND-POSITION: center center; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(subpage/imgs/pw.gif); BORDER-LEFT: #999999 1px solid; WIDTH: 120px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, 굴림; HEIGHT: 20px" maxLength=7 name=upw></TD></TR>

인풋쪽에 위처럼 설정하면 인풋배경이미지가 들어간다.
당연히 이미지 파일이 있어야 함.