您當(dāng)前位置：首頁 > web前端 > htmlcss > 同頁面實現(xiàn)html+js表單提交輸出功能

同頁面實現(xiàn)html+js表單提交輸出功能

來源：程序員人生發(fā)布時間：2014-04-02 07:42:19 閱讀次數(shù)：3988次

　　網(wǎng)(LieHuo.Net)教程同一頁面實現(xiàn)表單提交輸出效果，本功能是利用Javascript實現(xiàn)的，可廣泛用于表單提交時的確認(rèn)，喜歡的朋友就收藏了吧。下面是實際代碼：

<html><head><title>同一個頁面內(nèi)實現(xiàn)html+js表單提交輸出功能 - liehuo.net</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><style></style></head><body><div id="d2"><form name="myform" action="#">name:<input type="text" name="name">age:<input type="text" name="age"><input type="button" id="but" value="ok";></form></div><div id="d1" class="b" style="display:none;">asdf</div></body><script>function aaaaa(){var name=document.myform.name.value;var age=document.myform.age.value;document.getElementById("d1").style.display="";document.getElementById("d2").style.display="none";document.getElementById("d1").innerHTML="name:"+name+"<br>age:"+age;}document.getElementById("but").onclick = aaaaa;</script></html><br /><center>如不能顯示效果，請按Ctrl+F5刷新本頁，更多網(wǎng)頁代碼：<a href='http://www.jyygyx.com/' title="liehuo.net" target='_blank'>http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運行!

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 Javascript 中 while 循環(huán)用法的代碼

下一篇 為Silverlight應(yīng)用程序配置IIS

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

同頁面實現(xiàn)html+js表單提交輸出功能