關(guān)于Form表單

1.form表單有什么作用纺讲?有哪些常用的input 標(biāo)簽未檩,分別有什么作用?

<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單粥航,并向服務(wù)器傳輸數(shù)據(jù)琅捏。

常用input標(biāo)簽:

描述
button 定義可點(diǎn)擊按鈕(多數(shù)情況下,用于通過 JavaScript 啟動(dòng)腳本)递雀。
checkbox 定義復(fù)選框柄延。
file 定義輸入字段和 "瀏覽"按鈕,供文件上傳缀程。
hidden 定義隱藏的輸入字段搜吧。
image 定義圖像形式的提交按鈕。
password 定義密碼字段杨凑。該字段中的字符被掩碼滤奈。
radio 定義單選按鈕。
reset 定義重置按鈕撩满。重置按鈕會清除表單中的所有數(shù)據(jù)蜒程。
submit 定義提交按鈕绅你。提交按鈕會把表單數(shù)據(jù)發(fā)送到服務(wù)器。
text 定義單行的輸入字段昭躺,用戶可在其中輸入文本忌锯。默認(rèn)寬度為 20 個(gè)字符。

2.post 和 get 方式的區(qū)別领炫?

對于 <form></form> 標(biāo)簽偶垮,其 action 屬性的默認(rèn)值是 GET,可以修改為 POST帝洪。使用 GET 時(shí)似舵,表單數(shù)據(jù)中的數(shù)據(jù)會被轉(zhuǎn)義并以查詢字符串的形式追加到 URL 的尾部;使用 POST 時(shí)碟狞,表單數(shù)據(jù)會依附請求體發(fā)送給服務(wù)器啄枕。

(1)get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請求,而post是向服務(wù)器提交數(shù)據(jù)的一種請求
(2)get提交的數(shù)據(jù)會在地址欄中顯示出來族沃,而post提交频祝,地址欄不會改變
(3)傳輸數(shù)據(jù)的限制:當(dāng)發(fā)送數(shù)據(jù)時(shí),get方法向 URL 添加數(shù)據(jù)脆淹,URL 的長度是受限制的常空;post由于不是通過URL傳輸,所以不受限制
(4)安全性:get的安全性較差盖溺,因?yàn)樗l(fā)送的數(shù)據(jù)是 URL 的一部分;post比get更安全漓糙,因?yàn)閰?shù)不會被保存在瀏覽器歷史或 web 服務(wù)器日志中。
(5)get將表單中數(shù)據(jù)的按照variable=value的形式烘嘱,添加到action所指向的URL后面昆禽,并且兩者使用“?”連接,而各個(gè)變量之間使用“&”連接蝇庭;post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中醉鳖,按照變量和值相對應(yīng)的方式,傳遞到action所指向URL哮内。

Get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請求盗棵,而Post是向服務(wù)器提交數(shù)據(jù)的一種請求,在FORM(表單)中北发,Method默認(rèn)為"GET"纹因,實(shí)質(zhì)上,GET和POST只是發(fā)送機(jī)制不同琳拨,并不是一個(gè)取一個(gè)發(fā)瞭恰!

3.在input里,name 有什么作用狱庇?

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

4.radio 如何 分組?

radio是定義單選按鈕輸入,radio通過對name的定義來進(jìn)行分組批什,同一個(gè)name的radio只能單選农曲。

5.placeholder 屬性有什么作用?

placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息(hint)。
該提示會在輸入字段為空時(shí)顯示驻债,并會在字段獲得焦點(diǎn)時(shí)消失乳规。

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

語法:<input type="hidden"/>
隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息合呐,以利于被處理表單的程序所使用暮的。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候,隱藏域的信息也被一起發(fā)送到服務(wù)器淌实。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末冻辩,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子拆祈,更是在濱河造成了極大的恐慌恨闪,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件放坏,死亡現(xiàn)場離奇詭異咙咽,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)淤年,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門钧敞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人麸粮,你說我怎么就攤上這事溉苛。” “怎么了豹休?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵炊昆,是天一觀的道長。 經(jīng)常有香客問我威根,道長凤巨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任洛搀,我火速辦了婚禮敢茁,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘留美。我一直安慰自己彰檬,他們只是感情好伸刃,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著逢倍,像睡著了一般捧颅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上较雕,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天碉哑,我揣著相機(jī)與錄音,去河邊找鬼亮蒋。 笑死扣典,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的慎玖。 我是一名探鬼主播贮尖,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼趁怔!你這毒婦竟也來了湿硝?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤痕钢,失蹤者是張志新(化名)和其女友劉穎图柏,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體任连,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蚤吹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了随抠。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片裁着。...
    茶點(diǎn)故事閱讀 40,133評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖拱她,靈堂內(nèi)的尸體忽然破棺而出二驰,到底是詐尸還是另有隱情,我是刑警寧澤秉沼,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布桶雀,位于F島的核電站,受9級特大地震影響唬复,放射性物質(zhì)發(fā)生泄漏矗积。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一敞咧、第九天 我趴在偏房一處隱蔽的房頂上張望棘捣。 院中可真熱鬧,春花似錦休建、人聲如沸乍恐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽茵烈。三九已至百匆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間呜投,已是汗流浹背胧华。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留宙彪,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓有巧,卻偏偏與公主長得像释漆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子篮迎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評論 2 355

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理男图,服務(wù)發(fā)現(xiàn),斷路器甜橱,智...
    卡卡羅2017閱讀 134,669評論 18 139
  • form表單有什么作用逊笆?有哪些常用的input標(biāo)簽,分別有什么作用岂傲? 作用:表單用于接收不同類型的用戶輸入难裆,用戶提...
    饑人谷_二釉閱讀 277評論 0 0
  • 本文介紹關(guān)于form表單的一些使用方法網(wǎng)站是如何與用戶進(jìn)行交互的?使用HTML表單镊掖。表單用于搜集不同類型的用戶輸入...
    左冬的博客閱讀 1,345評論 1 3
  • form表單有什么作用乃戈?有哪些常用的input 標(biāo)簽,分別有什么作用亩进? form表單用于收集用戶的輸入數(shù)據(jù)症虑,并提交...
    LeeoZz閱讀 349評論 0 0
  • 微信朋友圈已經(jīng)從最初的生活記事,變?yōu)殡u湯滿溢归薛,再到愈演愈烈的勵(lì)志經(jīng)典和情感段子谍憔,離實(shí)際生活越來越遙遠(yuǎn)。最近這一年來...
    奇葩蕭蕭閱讀 425評論 2 3