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

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

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

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

4.radio 如何 分組?

5.placeholder 屬性有什么作用?

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

HTML 表單用于搜集不同類型的用戶輸入。
常用的input標(biāo)簽有
(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"> 定義復(fù)選按鈕
(4)<input type="submit"> 定義用于向表單處理程序(form-handler)提交表單的按鈕。
表單處理程序通常是包含用來處理輸入數(shù)據(jù)的腳本的服務(wù)器頁(yè)面。表單處理程序在表單的 action 屬性中指定:
<input type="submit" value="Submit">
(5)action 屬性定義在提交表單時(shí)執(zhí)行的動(dòng)作。向服務(wù)器提交表單的通常做法是使用提交按鈕。通常,表單會(huì)被提交到 web 服務(wù)器上的網(wǎng)頁(yè)。在上面的例子中,指定了某個(gè)服務(wù)器腳本來處理被提交表單;
<form action="action_page.php">
如果省略 action 屬性,則 action 會(huì)被設(shè)置為當(dāng)前頁(yè)面。
(6)method 屬性規(guī)定在提交表單時(shí)所用的 HTTP 方法(GET 或 POST(安全)):
<form action="action_page.php" method="GET">

2.get一般用于向服務(wù)器查詢/獲取信息post一般用于向服務(wù)器提交信息。
get提交的信息會(huì)顯示在URL中,因此降低了安全性。而post不會(huì)顯示在URL中,提高了安全性
get提交的信息有限,根據(jù)不同瀏覽器對(duì)URL長(zhǎng)度限制的不同而受到不同的限制。而post理論上可以提交無限的信息量。
post需要兩個(gè)階段發(fā)送數(shù)據(jù),降低了傳輸?shù)目煽啃砸约八俣?。get只需要一個(gè)階段,速度更快。

3.name屬性規(guī)定了input元素的名稱,用于后續(xù)提交表單數(shù)據(jù),或者在JS中引用表單。name 屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí),只有設(shè)置了 name 屬性的表單元素才能在提交表單時(shí)傳遞它們的值。

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

5.placeholder 屬性.的作用是:隱藏不想讓用戶看到的信息,但是這些信息對(duì)于Web應(yīng)用又是非常必要的。
暫存信息:后端在構(gòu)造web頁(yè)面的過程中,通過hidden隱藏域在頁(yè)面中添加了相關(guān)數(shù)據(jù)信息(用戶對(duì)網(wǎng)頁(yè)進(jìn)行操作時(shí)可能會(huì)用到這些數(shù)據(jù)信息)
信息安全:后端在構(gòu)造web頁(yè)面的過程中,可以通過hidden隱藏域在頁(yè)面中添加相關(guān)的驗(yàn)證信息,當(dāng)form表單被提交后,服務(wù)器會(huì)收到該驗(yàn)證信息,通過一定的算法校驗(yàn)該驗(yàn)證信息,可以有效防止非法請(qǐng)求對(duì)數(shù)據(jù)庫(kù)的增刪改查,提高了web應(yīng)用的安全性。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? post 和 get 方式的區(qū)別? 在...
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,545評(píng)論 19 139
  • 1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 975評(píng)論 0 1
  • 一.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? form表單用于收集用戶輸入,將收集到...
    Sunset125閱讀 462評(píng)論 0 0
  • <input>標(biāo)簽 標(biāo)簽用于搜集用戶信息,根據(jù)不同的type屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段...
    _空空閱讀 4,188評(píng)論 0 3

友情鏈接更多精彩內(nèi)容