网页制作 > CSS > CSS教程 > css 表单上传文件的“浏览”按钮修改 2011-05-03 12:00:02 脚本之家 图中用到的图片： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body> <style> input{border:1px solid #000;} .clear{clear:both;} .ehdel_upload_show input{float:left; margin-top:10px;} .ehdel_upload{float:left;margin-top:-20px; *margin-top:-40px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;} </style> <form method="post" action="" enctype="multipart/form-data"> <div class="ehdel_upload_show"> <input id="ehdel_upload_text" type="text" name="txt" /> <input id="ehdel_upload_btn" type="image" src="/do/uploads/allimg/110503/1202250.gif" value="请选择文件" /> </div> <div class="clear"></div> <input type="file" onchange="ehdel_upload_text.value=this.value" class="ehdel_upload" /> </form> </body> </html> 提示：您可以先修改部分代码再运行
