file 버튼 이미지로 바꾸기

<form action='' enctype="multipart/form-data">

<input type=text name=photo class="in_gray" size="50" maxlength="50">
<span style="overflow:hidden; width:61; height:20; background-image:url(http://blogimgs.naver.com/imgs/btn_addphoto.gif);">
<input  type='file' name=attachedfile style="width:0;height:20;filter:alpha(opacity=0);" onchange='photo.value=this.value'>
</span>

</form>

---

자체 태그로 바꾸는 것이 아니라,

textbox로 것을 보이고,

file를 작게 만들고 그 바닥에 이미지를 붙이고,

file의 알파값을 0으로 바꾼 것

file의 값이 바뀌면 textbox값이 바뀐다.