向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除|赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.

<style type="text/css">
<!--
.ifile
{  position:absolute;
   height:25px;
   opacity:0;
   filter:alpha(opacity=0);
   -moz-opacity:0;
   width:360px;
   margin-top:4px;
}
-->
</style>



<input type="file" name="upfilename" id="upfilename" size="55"  class="ifile"
     onchange="
        document.form.txtfilename.value=this.value.substr(this.value.lastIndexOf('\\')+1); " >
                    <input name="txtfilename" type="text" class="box" id="txtfilename" size="50" readonly style="height:17px;"/>
                      <span class="title" style="width: 80%"><img src="/image/button_browse.gif" width="80" height="30" align="absmiddle"  onclick="document.form.upfilename.click();" style="z-index:999;" /></span>                





主要注意点：

（1）FF 和IE兼容

（2）input file 隐藏

作者：jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除
地址：https://jackxiang.com/post/2574/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！