网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/10/2 浏览:3 次 )

复制代码代码如下:
<!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="/UploadFiles/2021-03-30/link_popup.gif"> </div>
<div class="clear"></div>
<input type="file" onchange="ehdel_upload_text.value=this.value" class="ehdel_upload" />
</form>
</body>
</html>
上一篇:xml语法详解
下一篇:让前端开发者价值百万的10项技能