HTML下的Form表單

1. form表單有什么作用盟劫?有哪些常用的input 標簽,分別有什么作用?

form表單的作用是:

表單的作用是搜集用戶的輸入涣仿,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實現(xiàn)用戶與web服務(wù)器的交互。

常見的input標簽和作用見下表

標簽 作用
<input type="text"> 用來定義單行輸入文本框
<input type="password"> 用來定義密碼字段
<input type="submit">? 用來定義提交表達數(shù)據(jù)至表單數(shù)據(jù)程序的按鈕
<input type="button"> 用來定義按鈕
<input type="reset"> 用來定義重置按鈕
<input type="file"> 用來定義輸入字段和 "瀏覽..." 按鈕好港,供文件上傳
<input type="checkbox"> 用來定義復(fù)選框
<input type="radio"> 用來定義單選按鈕
<input type="textarea"> 用來定義多行選項框
<input type="select"> 用來定義下拉菜單選項
<input type="hidden"> 用來定義隱藏域
2. POST和GET方式的區(qū)別愉镰?

根據(jù)在知乎以及維基百科還有私人博客查詢的資料

  • GET是從服務(wù)器上獲取數(shù)據(jù),POST是向服務(wù)器傳送數(shù)據(jù)钧汹。
  • 對于GET方式丈探,服務(wù)器端用Request.QueryString來獲取變量的值,對于POST方式拔莱,服務(wù)器端用Request.Form來獲取提交的數(shù)據(jù)
  • get是把表單參數(shù)數(shù)據(jù)加到提交表單的action屬性所指的URL中碗降,如:http://www.xxx.com?id=1314&name=hello&age=20,用戶信息對于用戶是可見的塘秦,而post是把提交的數(shù)據(jù)放置在是HTTP包的包體中傳送給服務(wù)器讼渊,用戶信息對于用戶是不可見的。
  • Get限制Form表單的數(shù)據(jù)集的值必須為ASCII字符尊剔;而Post支持整個ISO10646字符集(通用字符集)爪幻。
  • POST的安全性要比GET的安全性高,但是POST的執(zhí)行效率比GET執(zhí)行效率低
    傳輸數(shù)據(jù)的大小,HTTP協(xié)議沒有對傳輸?shù)臄?shù)據(jù)大小進行限制须误,HTTP協(xié)議規(guī)范也沒有對URL長度進行限制挨稿。
  • 而在實際開發(fā)中存在的限制主要有:
  1. GET:特定瀏覽器和服務(wù)器對URL長度有限制,例如IE對URL長度的限制是2083字節(jié)(2Kb+35)京痢,對于其他瀏覽器如Netscape叶组、FireFox等,理論上沒有長度限制历造,其限制取決于操作系統(tǒng)的支持甩十。因此對于GET提交時,傳輸數(shù)據(jù)就會受到URL長度的限制吭产。
  2. POST:由于不是通過URL傳值侣监,理論上數(shù)據(jù)不受限。但實際各個WEB服務(wù)器會規(guī)定對post提交數(shù)據(jù)大小進行限制臣淤,Apache橄霉、IIS6都有各自的配置。
  • GET請求的數(shù)據(jù)會被瀏覽器緩存起來邑蒋,而POST卻不行
  • 使用GET時姓蜂,用戶刷新頁面,沒有出現(xiàn)任何提示医吊,使用POST會彈出消息框钱慢,提示用戶是否重新提交

3. 在Input里,Name 有什么作用卿堂?

在input中束莫,name的主要作用有一下三種

  • name規(guī)定了input元素的名稱
  • name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識懒棉,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)
  • 只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

4. radio 如何 分組览绿?

在表單中radio的分組取決于name的屬性

5. placeholder 屬性有什么作用?

用來進行再輸入框中的顯示提示策严,當(dāng)用戶開始輸入內(nèi)容時候, 提示文字會消失 饿敲。

6. type=hidden隱藏域有什么作用? 舉例說明

總結(jié)來看的話是

在表單提交的時候妻导,我們經(jīng)常使用到input hidden隱藏域,這個hidden隱藏域?qū)τ脩羰遣豢梢姷幕掣鳎敲次覀優(yōu)槭裁匆诒韱沃惺褂胔idden隱藏域呢倔韭,本文章向大家介紹hidden隱藏域作用及用法實例,需要的朋友可以參考一下渠啤。

hidden隱藏域無 外乎下面幾點作用:

  • 隱藏域在頁面中對于用戶是不可見的狐肢,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用沥曹。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候份名,隱藏域的信息也被一起發(fā)送到服務(wù)器。
  • 有些時候我們要給用戶一信息妓美,讓他在提交表單時提交上來以確定用戶身份僵腺,如sessionkey,等等.當(dāng)然這些東西也能用cookie實現(xiàn)壶栋,但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持辰如,用戶禁用cookie的煩惱。
  • 有些時候一個form里有多個提交按鈕贵试,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢琉兜?我們就可以寫一個隱藏域,然后在每一個按鈕處加上onclick="document.form.command.value="xx""然后我們接到數(shù)據(jù)后先檢查command的值就會知道用戶是按的那個按鈕提交上來的毙玻。
  • 有時候一個網(wǎng)頁中有多個form豌蟋,我們知道多個form是不能同時提交的,但有時這些form確實相互作用桑滩,我們就可以在form中添加隱藏域來使它們聯(lián)系起來梧疲。
  • javascript不支持全局變量,但有時我們必須用全局變量,我們就可以把值先存在隱藏域里,它的值就不會丟失了故俐。
  • 還有個例子,比如按一個按鈕彈出四個小窗口该互,當(dāng)點擊其中的一個小窗口時其他三個自動關(guān)閉.可是IE不支持小窗口相互調(diào)用,所以只有在父窗口寫個隱藏域听哭,當(dāng)小窗口看到那個隱藏域的值是close時就自己關(guān)掉

舉例子來看的話就是:

瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候慢洋,隱藏域的信息也被一起發(fā)送到服務(wù)器塘雳。當(dāng)表單被提交時陆盘,隱藏域就會將信息用你設(shè)置時定義的名稱和值發(fā)送到服務(wù)器上普筹,可以讓服務(wù)器知道數(shù)據(jù)采集的是否正確。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末隘马,一起剝皮案震驚了整個濱河市太防,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌酸员,老刑警劉巖蜒车,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異幔嗦,居然都是意外死亡酿愧,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進店門邀泉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來嬉挡,“玉大人,你說我怎么就攤上這事汇恤∨痈郑” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵因谎,是天一觀的道長基括。 經(jīng)常有香客問我,道長财岔,這世上最難降的妖魔是什么风皿? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮匠璧,結(jié)果婚禮上桐款,老公的妹妹穿的比我還像新娘。我一直安慰自己患朱,他們只是感情好鲁僚,可當(dāng)我...
    茶點故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著裁厅,像睡著了一般冰沙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上执虹,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天拓挥,我揣著相機與錄音,去河邊找鬼袋励。 笑死侥啤,一個胖子當(dāng)著我的面吹牛当叭,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播盖灸,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼蚁鳖,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了赁炎?” 一聲冷哼從身側(cè)響起醉箕,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎徙垫,沒想到半個月后讥裤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡姻报,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年己英,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吴旋。...
    茶點故事閱讀 38,100評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡损肛,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出邮府,到底是詐尸還是另有隱情荧关,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布褂傀,位于F島的核電站忍啤,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏仙辟。R本人自食惡果不足惜同波,卻給世界環(huán)境...
    茶點故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望叠国。 院中可真熱鬧未檩,春花似錦、人聲如沸粟焊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽项棠。三九已至悲雳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間香追,已是汗流浹背合瓢。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留透典,地道東北人晴楔。 一個月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓顿苇,卻偏偏與公主長得像,于是被迫代替她去往敵國和親税弃。 傳聞我的和親對象是個殘疾皇子纪岁,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容

  • <input>標簽 標簽用于搜集用戶信息,根據(jù)不同的type屬性值钙皮,輸入字段擁有很多種形式蜂科。輸入字段可以是文本字段...
    _空空閱讀 4,018評論 0 3
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理顽决,服務(wù)發(fā)現(xiàn)短条,斷路器,智...
    卡卡羅2017閱讀 134,600評論 18 139
  • 1.動手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標簽和結(jié)...
    _Dot912閱讀 2,004評論 2 8
  • 1.form表單有什么作用才菠?有哪些常用的input 標簽茸时,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 867評論 0 1
  • 什么是FORM表單: 表單是用來提交資料赋访、意見可都,規(guī)范流程執(zhí)行過程的格式。表單在網(wǎng)頁中主要負責(zé)數(shù)據(jù)采集功能蚓耽。一個表單...
    PYFang閱讀 1,117評論 0 0