HTML表單 -- 相關概念

1. form表單有什么作用度宦?有哪些常用的input 標簽,分別有什么作用童社?

表單是一個包含表單元素的區(qū)域求厕,允許用戶在表單區(qū)域中輸入信息,用于手機不同類型的用戶輸入。
input標簽使用type屬性的值來規(guī)定input元素的類型呀癣,常見有以下類型:

  • button——定義可點擊的按鈕
  • checkbox——定義復選框
  • radio——定義單選按鈕
  • text——定義單行輸入框旅东,可在其中輸入文本
  • file——定義輸入字段和“瀏覽”按鈕,供文件上傳
  • hidden——定義隱藏的輸入字段
  • image——定義圖像形式的提交按鈕
  • password——定義密碼字段十艾,該字段中的字符被掩碼
  • reset——定義重置按鈕抵代,用于清除表單中的所有數(shù)據(jù)
  • submit——定義提交按鈕,把表單數(shù)據(jù)發(fā)給服務器

2. post 和 get 方式有什么區(qū)別忘嫉?

POST和GET是使用HTTP協(xié)議在客戶機和服務器之間進行請求-響應時荤牍,兩種最常用到的方法。
GET常用于向指定的資源請求數(shù)據(jù)庆冕,使用GET時康吵,請求時發(fā)送的表單數(shù)據(jù)會顯式附在URL之后,多個參數(shù)也會使用&連接访递,一起附在URL上晦嵌,雖然http協(xié)議沒有對傳輸數(shù)據(jù)大小的限制,也沒有對URL長度的限制拷姿,但實際開發(fā)中特定的瀏覽器和服務器對于URL的長度是有限制的惭载,這就導致使用GET方法時,傳輸數(shù)據(jù)會受到URL限制响巢。同時由于數(shù)據(jù)明文傳輸描滔,使得GET所提交數(shù)據(jù)的安全性無法得到保障,當頁面被收藏為書簽踪古,或被瀏覽器緩存含长,或者其他人查看瀏覽器記錄時,就很容易看到所提交的數(shù)據(jù)伏穆。但GET對服務器上被get的指定數(shù)據(jù)來說是安全的拘泞,一份數(shù)據(jù)不管被GET請求多少次,都只是在對這份數(shù)據(jù)進行查詢操作枕扫,這份數(shù)據(jù)本身是不會改變的陪腌。
POST常用于向指定的資源提交要被處理的數(shù)據(jù),這對被指定資源來說是不安全的铡原,因為POST方法會更新指定資源的數(shù)據(jù)偷厦。POST提交的數(shù)據(jù)是放置在HTTP消息主體中的,URL不會因為POST請求發(fā)生改變燕刻,這樣所傳輸數(shù)據(jù)的大小理論上就不受限制了,但在實際應用中還是會受到各個web服務器配置的限制剖笙,但對比GET方法來說卵洗,POST已是傳輸大量數(shù)據(jù)的更佳選擇。由于POST傳輸?shù)臄?shù)據(jù)都放在HTTP包中,所以POST對于所傳輸?shù)臄?shù)據(jù)更安全过蹂,URL中不會顯示數(shù)據(jù)內(nèi)容十绑,頁面也無法被瀏覽器緩存或收藏,也不會從瀏覽器歷史記錄中暴露數(shù)據(jù)內(nèi)容酷勺。但如果在POST傳輸數(shù)據(jù)中選擇“后退”操作本橙,會導致表單數(shù)據(jù)可能重復提交。
綜上可以看出脆诉,在搜索引擎中檢索信息時甚亭,應使用GET方法,而在注冊击胜、登錄亏狰、提交用戶信息等場景中,應使用POST方法偶摔。

3. 在input里暇唾,name 有什么作用?

name 屬性規(guī)定 input 元素的名稱辰斋,用于對提交到服務器后的表單數(shù)據(jù)進行標識策州,或者在客戶端提供給 JavaScript,使其可以引用表單數(shù)據(jù)宫仗。

4. radio 如何 分組?

具有相同 name 屬性值的 radio 為同一組抽活,例如:

<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female" checked>女

5. placeholder 屬性有什么作用?

提供可描述輸入字段預期值的提示信息,該提示會在輸入字段為空時顯示锰什,并會在字段獲得焦點時消失下硕。

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

type屬性值定義為hidden可定義隱藏字段。隱藏字段對于用戶是不可見的汁胆。隱藏字段通常會存儲一個默認值梭姓,它們的值也可以由 JavaScript 進行修改。
一方面隱藏數(shù)據(jù)可以暫存數(shù)據(jù)嫩码,例如用戶不需要見到誉尖,但操作網(wǎng)頁時可能用到的數(shù)據(jù);另一方面可以提高安全性铸题,例如铡恕,頁面提交表單時可通過type=hidden設置一段隱藏的按照預先算法約定好的隨機字段,服務器在受到表單數(shù)據(jù)時對這個隱藏字段進行校驗丢间,來識別該表單數(shù)據(jù)來源是否可靠探熔,從而避免服務器數(shù)據(jù)被假頁面提交的數(shù)據(jù)攻擊篡改。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末烘挫,一起剝皮案震驚了整個濱河市诀艰,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖其垄,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件苛蒲,死亡現(xiàn)場離奇詭異,居然都是意外死亡绿满,警方通過查閱死者的電腦和手機臂外,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來喇颁,“玉大人漏健,你說我怎么就攤上這事∥耷#” “怎么了漾肮?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長茎毁。 經(jīng)常有香客問我克懊,道長,這世上最難降的妖魔是什么七蜘? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任谭溉,我火速辦了婚禮,結果婚禮上橡卤,老公的妹妹穿的比我還像新娘扮念。我一直安慰自己,他們只是感情好碧库,可當我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布柜与。 她就那樣靜靜地躺著,像睡著了一般嵌灰。 火紅的嫁衣襯著肌膚如雪弄匕。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天沽瞭,我揣著相機與錄音迁匠,去河邊找鬼。 笑死驹溃,一個胖子當著我的面吹牛城丧,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播豌鹤,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼亡哄,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了傍药?” 一聲冷哼從身側響起磺平,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤魂仍,失蹤者是張志新(化名)和其女友劉穎拐辽,沒想到半個月后拣挪,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡俱诸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年菠劝,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片睁搭。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡赶诊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出园骆,到底是詐尸還是另有隱情舔痪,我是刑警寧澤,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布锌唾,位于F島的核電站锄码,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏晌涕。R本人自食惡果不足惜滋捶,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望余黎。 院中可真熱鬧重窟,春花似錦、人聲如沸惧财。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽垮衷。三九已至厅翔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間帘靡,已是汗流浹背知给。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留描姚,地道東北人涩赢。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像轩勘,于是被迫代替她去往敵國和親筒扒。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,901評論 2 355

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

  • 1.form表單有什么作用绊寻?有哪些常用的input 標簽花墩,分別有什么作用悬秉? 通俗的講 form標簽是用來進行表單提...
    yangchaojun閱讀 341評論 0 0
  • 1.form表單有什么作用?有哪些常用的input 標簽冰蘑,分別有什么作用和泌? 通俗的講 form標簽是用來進行表單提...
    任少鵬閱讀 775評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)祠肥,斷路器武氓,智...
    卡卡羅2017閱讀 134,656評論 18 139
  • HTML表單 在HTML中,表單是 ... 之間元素的集合仇箱,它們允許訪問者輸入文本县恕、選擇選項、操作對象等等剂桥,然后將...
    蘭山小亭閱讀 3,417評論 2 14
  • 早餐家中面包 中午江南老粥鋪 晚上臀股做粥和炒小白菜 穿橫條半袖和寬松褲子
    小蘭芝閱讀 176評論 0 0