HTML5中Form表單使用方法
2012/2/21 14:32:45
假如咱們需要把網(wǎng)站制作頁面中不同的表單元素提交,而這些表單元素又分布在HTML中的各個位置,那么Form就只能包含所有的Form標簽了。
老方法:
<form id="form1" action=" http://www.webjx.com/ ">
<input id="userName" name="userName" type="text"/>
<input id="userPwd" name="userPwd" type="password"/>
<input id="userAge" name="userAge" type="text"/>
<input type="submit" value="提交"/>
</form>
但是在此Form中又包含一些不需要在此From中提交的元素(比如userAge)怎么辦呢?貌似只能提交了,讓后臺程序員不接受此參數(shù)或者使用js把所有需要再此表單中提交的內(nèi)容放入到hidden隱藏區(qū)域中,然后提交,你可能會修改成如下
改良后:
<form id="form1" action=" http://www.webjx.com/ ">
<input id="hd_userName" name="userName" type="hidden"/>
<input id="hd_userPwd" name="userPwd" type="hidden"/>
</form>
<input id="userName" name="userName" type="text"/>
<input id="userPwd" name="userPwd" type="password"/>
<input id="userAge" name="userAge" type="text"/>
<input type="submit" value="提交"/>
嗯,這樣整理了一下是不錯,可以滿足我們的要求,但是js就太多了,浪費網(wǎng)絡(luò)資源和HTTP請求數(shù)據(jù)包,增加項目大小,維護起來相對比較麻煩。
HTML5的方法:
<form id="form1" action=" http://www.webjx.com/ ">
<input type="submit" value="提交"/>
</form>
<input id="userName" name="userName" for="form1" type="text"/>
<input id="userPwd" name="userPwd" for="form1" type="password"/>
<input id="userAge" name="userAge" type="text"/>
這里的for屬性=表單的ID,這樣一來,這些元素到底歸那個表單就一目了然了,這個for屬性,你可以理解為label中的for屬性,只不過在HTML5中的這種情況下,他就屬于fome1的元素了。現(xiàn)在再看代碼,干凈利索多了,項目文件也不大,易于維護。
返回列表
返回首頁
主站蜘蛛池模板:
日本高清视频在线www色|
窝窝女人体国产午夜视频|
国产精品igao视频网网址|
china同性基友gay勾外卖|
无限资源日本免费2018|
亚洲av无码专区电影在线观看
|
国产欧美一区二区精品久久久|
99久久免费国产精品|
小婷又紧又深又滑又湿好爽|
久久99热成人精品国产|
日韩精品无码中文字幕一区二区
|
最近中文字幕在线中文高清版|
亚洲欧美国产五月天综合|
男人边吃奶边激烈摸下面的视频|
啊轻点灬大巴太粗太长了视频|
青草视频网站在线观看|
国产特级毛片aaaaaa高潮流水|
91大神在线看|
外国女性用一对父子精液生子引争议
|
特黄AAAAAAAAA毛片免费视频|
双性h啪啪樱桃动漫直接观看
|
好紧好爽欲yy18p|
中文字幕专区高清在线观看|
日本加勒比一区|
久久综合九色综合精品|
欧美一区二区三区视频在线观看|
亚洲春色另类小说|
永久黄网站色视频免费直播|
人妻有码中文字幕|
看国产一级毛片|
午夜国产精品久久久久|
老张和老李互相换女|
国产亚洲精品无码专区|
高清国产性色视频在线|
日本欧美视频在线观看|
亚洲一区中文字幕在线电影网|
欧美日韩亚洲国内综合网香蕉|
亚洲精品成人片在线播放|
狼色视频在线观免费观看|
免费看一级性生活片|
精品国产一区二区三区久|