帶有圖片預(yù)覽功能的上傳表單的完整HTML
互聯(lián)網(wǎng) 發(fā)布時間:2008-10-17 18:56:18 作者:佚名
我要評論

帶有圖片預(yù)覽功能的上傳表單,完整的HTML代碼如下所示
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>帶有圖片預(yù)覽功能的上傳表單webjx.com</title>
<script&g
帶有圖片預(yù)覽功能的上傳表單,完整的HTML代碼如下所示
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>帶有圖片預(yù)覽功能的上傳表單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="預(yù)覽圖片" />
<br />
</div>
<div style="display:none">
</div>
</center>
</body>
</html>
相關(guān)文章
- 本文主要對HTML5表單新增屬性進(jìn)行詳細(xì)介紹,并附上實例解析,簡單易懂。需要的朋友一起來看下吧2016-12-21
- 下面小編就為大家?guī)硪黄狧TML Form表單元素全面了解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-26
- 下面小編就為大家?guī)硪黄猦tml5表單及新增的改良元素詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-07
- 這篇文章主要為大家介紹了HTML5新增的表單元素和屬性,具有一定的參考價值!需要的朋友可以參考下2014-07-07
HTML5 的新的表單元素(datalist/keygen/output)使用介紹
HTML5 擁有若干涉及表單的元素和屬性,下面為大家介紹下新的表單元素datalist 元素、keygen 元素、output 元素以及它們的使用實例,感興趣的朋友可以參考下哈,希望對大家2013-07-19HTML5之HTML元素擴展(下)—增強的Form表單元素值得關(guān)注
在HTML5增強的元素中,最值得關(guān)注的就是表單元素;在HTML5中,表單已經(jīng)做了重大的修整,一些以前需要通過JavaScript編碼實現(xiàn)的功能現(xiàn)在無需編碼就可輕松實現(xiàn),感興趣的朋友可2013-01-31- 點擊這里返回網(wǎng)頁教學(xué)網(wǎng) HTML教程 欄目. 上文:標(biāo)記語言——引用 原文出處 chapter 5 表單 互動性一直是互聯(lián)網(wǎng)的重點,讓使用者與網(wǎng)站能夠交換信息2008-10-17
- 本教程介紹FORM表單標(biāo)記的各種屬性在網(wǎng)頁設(shè)計中的應(yīng)用. <FORM>標(biāo)記的NAME屬性 基本語法 01 <Form name="Form_name"> 02 ……2008-10-17
- 假設(shè)現(xiàn)在要在表單中添加這樣一項內(nèi)容:瀏覽所在的城市。這里不說全國的城市,只說省會以上的城市就有幾十個。如果以上面講過的單選按鈕的形式,將這些城市全部羅列在網(wǎng)頁上2008-10-17
XHTML入門學(xué)習(xí)教程:表單標(biāo)簽
表單是用戶提交信息的重要渠道。本節(jié)就將介紹表單的基礎(chǔ)知識。 表單標(biāo)簽<form> 表單以一個<form>標(biāo)簽開始。用戶注冊網(wǎng)站會員,投票等等都需要表單來實現(xiàn)2008-10-17