帶有圖片預(yù)覽功能的上傳表單的完整HTML_XHTML教程
帶有圖片預(yù)覽功能的上傳表單,完整的HTML代碼如下所示
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>帶有圖片預(yù)覽功能的上傳表單mb5u.com</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="預(yù)覽圖片" />
<br />
</div>
<div style="display:none">
</div>
</center>
</body>
</html>
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML的一些關(guān)于顏色方面的參考
- Table布局中單元格background-color鼠標(biāo)響應(yīng)的JS代碼
- CSS網(wǎng)頁(yè)布局中HTML標(biāo)簽的語義(一)
- 入門:HTML的基本標(biāo)簽和屬性簡(jiǎn)單介紹
- 關(guān)于超鏈接的一些問題
- 網(wǎng)頁(yè)表格或div層在網(wǎng)頁(yè)中被撐開解決之道
- HTML5的結(jié)構(gòu)和語義——前言(一)
- HTML各個(gè)元素對(duì)搜索引擎的權(quán)重比例
- HTML教程:收集的常用的HTML標(biāo)簽(6)
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-帶有圖片預(yù)覽功能的上傳表單的完整HTML
。