入門任務5提交(form表單)

1.form表單有什么作用匀泊?有哪些常用的input 標簽仿粹,分別有什么作用?

2.post 和 get 方式的區(qū)別崭添?

3.在input里寓娩,name 有什么作用?

4.radio 如何 分組?

5.placeholder 屬性有什么作用?

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

HTML 表單用于搜集不同類型的用戶輸入呼渣。
常用的input標簽有
(1)<input type="text"> 定義用于文本輸入的單行輸入字段:
<input type="text" name="firstname">
(2)<input type="radio"> 定義單選按鈕:
<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female棘伴;
(3)<input type="checkout"> 定義復選按鈕
(4)<input type="submit"> 定義用于向表單處理程序(form-handler)提交表單的按鈕。
表單處理程序通常是包含用來處理輸入數(shù)據的腳本的服務器頁面屁置。表單處理程序在表單的 action 屬性中指定:
<input type="submit" value="Submit">
(5)action 屬性定義在提交表單時執(zhí)行的動作焊夸。向服務器提交表單的通常做法是使用提交按鈕。通常蓝角,表單會被提交到 web 服務器上的網頁阱穗。在上面的例子中,指定了某個服務器腳本來處理被提交表單使鹅;
<form action="action_page.php">
如果省略 action 屬性揪阶,則 action 會被設置為當前頁面。
(6)method 屬性規(guī)定在提交表單時所用的 HTTP 方法(GET 或 POST(安全)):
<form action="action_page.php" method="GET">

2.get一般用于向服務器查詢/獲取信息post一般用于向服務器提交信息患朱。
get提交的信息會顯示在URL中鲁僚,因此降低了安全性。而post不會顯示在URL中,提高了安全性
get提交的信息有限蕴茴,根據不同瀏覽器對URL長度限制的不同而受到不同的限制劝评。而post理論上可以提交無限的信息量。
post需要兩個階段發(fā)送數(shù)據倦淀,降低了傳輸?shù)目煽啃砸约八俣冉蟆et只需要一個階段,速度更快撞叽。

3.name屬性規(guī)定了input元素的名稱姻成,用于后續(xù)提交表單數(shù)據,或者在JS中引用表單愿棋。name 屬性用于對提交到服務器后的表單數(shù)據進行標識科展,只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

4.通過name屬性的不同分組糠雨,同一組的name必須相同才睹,才能夠單選。

5.placeholder 屬性.的作用是:隱藏不想讓用戶看到的信息甘邀,但是這些信息對于Web應用又是非常必要的琅攘。
暫存信息:后端在構造web頁面的過程中,通過hidden隱藏域在頁面中添加了相關數(shù)據信息(用戶對網頁進行操作時可能會用到這些數(shù)據信息)
信息安全:后端在構造web頁面的過程中松邪,可以通過hidden隱藏域在頁面中添加相關的驗證信息坞琴,當form表單被提交后,服務器會收到該驗證信息逗抑,通過一定的算法校驗該驗證信息剧辐,可以有效防止非法請求對數(shù)據庫的增刪改查,提高了web應用的安全性邮府。

6.type=hidden作用:隱藏域在頁面中對于用戶是不可見的荧关,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用褂傀。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候羞酗,隱藏域的信息也被一起發(fā)送到服務器。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末紊服,一起剝皮案震驚了整個濱河市檀轨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌欺嗤,老刑警劉巖参萄,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異煎饼,居然都是意外死亡讹挎,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來筒溃,“玉大人马篮,你說我怎么就攤上這事×保” “怎么了浑测?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長歪玲。 經常有香客問我迁央,道長,這世上最難降的妖魔是什么滥崩? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任岖圈,我火速辦了婚禮,結果婚禮上钙皮,老公的妹妹穿的比我還像新娘蜂科。我一直安慰自己,他們只是感情好短条,可當我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布导匣。 她就那樣靜靜地躺著,像睡著了一般慌烧。 火紅的嫁衣襯著肌膚如雪逐抑。 梳的紋絲不亂的頭發(fā)上鸠儿,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天屹蚊,我揣著相機與錄音,去河邊找鬼进每。 笑死汹粤,一個胖子當著我的面吹牛,可吹牛的內容都是我干的田晚。 我是一名探鬼主播嘱兼,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼贤徒!你這毒婦竟也來了芹壕?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤接奈,失蹤者是張志新(化名)和其女友劉穎踢涌,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體序宦,經...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡睁壁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片潘明。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡行剂,死狀恐怖,靈堂內的尸體忽然破棺而出钳降,到底是詐尸還是另有隱情厚宰,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布牲阁,位于F島的核電站固阁,受9級特大地震影響,放射性物質發(fā)生泄漏城菊。R本人自食惡果不足惜备燃,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望凌唬。 院中可真熱鬧并齐,春花似錦、人聲如沸客税。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽更耻。三九已至测垛,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間秧均,已是汗流浹背食侮。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留目胡,地道東北人锯七。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像誉己,于是被迫代替她去往敵國和親眉尸。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內容

  • form表單有什么作用巨双?有哪些常用的input 標簽噪猾,分別有什么作用? post 和 get 方式的區(qū)別筑累? 在...
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理袱蜡,服務發(fā)現(xiàn),斷路器疼阔,智...
    卡卡羅2017閱讀 134,654評論 18 139
  • 1.form表單有什么作用戒劫?有哪些常用的input 標簽半夷,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 881評論 0 1
  • 一.form表單有什么作用迅细?有哪些常用的input 標簽巫橄,分別有什么作用? form表單用于收集用戶輸入茵典,將收集到...
    Sunset125閱讀 383評論 0 0
  • <input>標簽 標簽用于搜集用戶信息湘换,根據不同的type屬性值,輸入字段擁有很多種形式统阿。輸入字段可以是文本字段...
    _空空閱讀 4,023評論 0 3