表单上传文件的“浏览”按钮修改

<!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="http://www.isclassic.net/wp-content/uploads/2010/07/link_popup.gif" value="请选择文件" />
	</div>
	<div class="clear"></div>
	<input type="file" onchange="ehdel_upload_text.value=this.value" class="ehdel_upload" />
</form>
</body>
</html>
posted @ 2011-05-03 09:54  妖*小夜  阅读(310)  评论(0编辑  收藏  举报