html表单上传文件的“浏览”按钮修改方法
html表单上传文件的“浏览”按钮修改方法
发布时间:2016-12-27 来源:查字典编辑
摘要:input{border:1pxsolid#000;}.clear{clear:both;}.ehdel_upload_showinput{...

<!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>

<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></div>

<input type="file" onchange="ehdel_upload_text.value=this.value" />

</form>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新XHTML学习
热门XHTML学习
网页设计子分类