HTML表單用法

form表單的作用

form表單的主要作用是采集和傳輸用戶信息


常見的<input>標(biāo)簽和作用

  • text標(biāo)簽,用于輸入單行文本闽瓢;
  • password標(biāo)簽义钉,用于輸入密碼鄙麦;
  • checkbox標(biāo)簽盯荤,用于多選項(xiàng)分組媚污;
  • radio標(biāo)簽,用于單選項(xiàng)分組廷雅;
  • file標(biāo)簽,用于上傳文件功能京髓,可以用 accept屬性限制上傳文件的類型航缀;
  • hidden標(biāo)簽,用于定義隱藏的輸入字段堰怨,暫存數(shù)據(jù)或信息安全等芥玉;
  • button標(biāo)簽,用于定義可點(diǎn)擊按鈕备图,多用于通過JavaScript啟動(dòng)腳本灿巧;
  • submit標(biāo)簽,用于定義提交按鈕揽涮,將表單數(shù)據(jù)發(fā)送到服務(wù)器抠藕;
  • reset標(biāo)簽,用于定義重置按鈕蒋困,將表單數(shù)據(jù)清空重置盾似。

post和get方式的區(qū)別

  1. 傳輸方式不同:get會(huì)將表單的key值和value值拼接組成URL發(fā)送給服務(wù)器,post不會(huì)改變URL雪标;
  2. 安全性不同:get發(fā)送的URL使用明文方式組成零院,存在明顯的安全隱患,post不會(huì)出現(xiàn)這個(gè)問題村刨;
  3. 傳輸數(shù)據(jù)大小不同:get發(fā)送數(shù)據(jù)時(shí)會(huì)受到URL字符數(shù)的限制告抄,post不受這個(gè)限制;
  4. 作用對(duì)象不同:get通常用于向服務(wù)器索取數(shù)據(jù)嵌牺,post通常用于向服務(wù)器發(fā)送數(shù)據(jù)打洼。

<input>標(biāo)簽的name屬性的作用

name屬性規(guī)定了<input>元素的名稱,用于對(duì)表單數(shù)據(jù)標(biāo)識(shí)髓梅,只有標(biāo)識(shí)過的數(shù)據(jù)才能正確的向服務(wù)器傳遞值拟蜻。


radio如何分組

radio標(biāo)簽通過name屬性分組, name值相同的為一組枯饿,同組radio只能單選一個(gè)value值傳送數(shù)據(jù)酝锅。


placeholder屬性的作用

placeholder屬性用于在輸入框內(nèi)展示一個(gè)提示信息,這個(gè)信息不會(huì)跟隨用戶輸入的表單數(shù)據(jù)一起傳送給服務(wù)器奢方。


hidden隱藏域的作用

服務(wù)器可以先向hidden傳送一個(gè)隨機(jī)值搔扁,當(dāng)用戶向服務(wù)器傳送數(shù)據(jù)時(shí)爸舒,服務(wù)器再驗(yàn)證hidden是否被更改,以此判定用戶傳送的數(shù)據(jù)是否被篡改稿蹲,以確保數(shù)據(jù)信息的安全扭勉,其作用類似于隱形的驗(yàn)證碼。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末苛聘,一起剝皮案震驚了整個(gè)濱河市涂炎,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌设哗,老刑警劉巖唱捣,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異网梢,居然都是意外死亡震缭,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門战虏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拣宰,“玉大人,你說我怎么就攤上這事烦感⊙采纾” “怎么了?”我有些...
    開封第一講書人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵啸盏,是天一觀的道長(zhǎng)重贺。 經(jīng)常有香客問我,道長(zhǎng)回懦,這世上最難降的妖魔是什么气笙? 我笑而不...
    開封第一講書人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮怯晕,結(jié)果婚禮上潜圃,老公的妹妹穿的比我還像新娘。我一直安慰自己舟茶,他們只是感情好谭期,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著吧凉,像睡著了一般隧出。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上阀捅,一...
    開封第一講書人閱讀 51,573評(píng)論 1 305
  • 那天胀瞪,我揣著相機(jī)與錄音,去河邊找鬼。 笑死凄诞,一個(gè)胖子當(dāng)著我的面吹牛圆雁,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播帆谍,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼伪朽,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了汛蝙?” 一聲冷哼從身側(cè)響起烈涮,我...
    開封第一講書人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎窖剑,沒想到半個(gè)月后跃脊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡苛吱,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了器瘪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片翠储。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖橡疼,靈堂內(nèi)的尸體忽然破棺而出援所,到底是詐尸還是另有隱情,我是刑警寧澤欣除,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布住拭,位于F島的核電站,受9級(jí)特大地震影響历帚,放射性物質(zhì)發(fā)生泄漏滔岳。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一挽牢、第九天 我趴在偏房一處隱蔽的房頂上張望谱煤。 院中可真熱鬧,春花似錦禽拔、人聲如沸刘离。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽硫惕。三九已至,卻和暖如春野来,著一層夾襖步出監(jiān)牢的瞬間恼除,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工梁只, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留缚柳,地道東北人埃脏。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像秋忙,于是被迫代替她去往敵國(guó)和親彩掐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

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

  • html表單用途 html用于收集用戶的輸入向服務(wù)端提交數(shù)據(jù)灰追,從而實(shí)現(xiàn)用戶與web端的交互 html表單的屬性 1...
    zhangkun_sunset閱讀 327評(píng)論 0 0
  • HTML form表單用于為用戶輸入創(chuàng)建 HTML 表單堵幽。收集用戶不同類型的數(shù)據(jù)。 HTML Form 語法 表單...
    饑人谷_空影幽靈閱讀 268評(píng)論 0 0
  • 1. 簡(jiǎn)介 HTML 表單表示文檔中的一個(gè)區(qū)域弹澎,包含了表單元素等交互控制原件朴下,用于向 web 服務(wù)器提交信息。 f...
    饑人谷_風(fēng)爭(zhēng)閱讀 315評(píng)論 0 0
  • 表單是一個(gè)包含表單元素的區(qū)域表單元素指的是不同類型的 input 元素苦蒿、復(fù)選框殴胧、單選按鈕、提交按鈕等等佩迟。表單元素必...
    yuhuan121閱讀 299評(píng)論 0 1
  • 這篇文章报强,為了一個(gè)讀者而寫灸姊,她含淚跟我講訴了她的故事,雖然我并不擅長(zhǎng)寫故事秉溉。 她和老公力惯,是前幾年家里人介紹認(rèn)識(shí)的,...
    彭晨龍閱讀 254評(píng)論 0 1