手机
当前位置:查字典教程网 >网页设计 >XHTML >带有图片预览功能的上传表单的完整HTML
带有图片预览功能的上传表单的完整HTML
摘要:带有图片预览功能的上传表单,完整的HTML代码如下所示带有图片预览功能的上传表单jb51.netfunctionviewmypic(mypi...

带有图片预览功能的上传表单,完整的HTML代码如下所示

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>带有图片预览功能的上传表单jb51.net</title>

<script>

function viewmypic(mypic,imgfile) {

if (imgfile.value){

mypic.src=imgfile.value;

mypic.style.display="";

mypic.border=1;

}

}

</script>

</head>

<body>

<center>

<form >

<input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" />

<br />

</form>

<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />

<br />

</div>

<div style="display:none">

</div>

</center>

</body>

</html>

【带有图片预览功能的上传表单的完整HTML】相关文章:

掌握常用的用于网页中引用内容的HTML标记

html中select optgroup标签使用介绍

深层优化 提高网站的访问速度的一些技巧

input中id和name属性的区别示例介绍

40多个漂亮的网页表单设计实例

将XHTML CSS页面转换为打印机页面

浅谈表单中的只读和禁用属性

HTML (css样式规范)必看篇

10个未被充分利用或被误解的HTML标签

学习超级链接A标记

精品推荐
分类导航