HTML下的Form表單

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

form表單的作用是:

表單的作用是搜集用戶的輸入,用戶提交表單時向服務器傳輸數據,從而實現用戶與web服務器的交互。

常見的input標簽和作用見下表

標簽 作用
<input type="text"> 用來定義單行輸入文本框
<input type="password"> 用來定義密碼字段
<input type="submit">? 用來定義提交表達數據至表單數據程序的按鈕
<input type="button"> 用來定義按鈕
<input type="reset"> 用來定義重置按鈕
<input type="file"> 用來定義輸入字段和 "瀏覽..." 按鈕,供文件上傳
<input type="checkbox"> 用來定義復選框
<input type="radio"> 用來定義單選按鈕
<input type="textarea"> 用來定義多行選項框
<input type="select"> 用來定義下拉菜單選項
<input type="hidden"> 用來定義隱藏域
2. POST和GET方式的區別?

根據在知乎以及維基百科還有私人博客查詢的資料

  • GET是從服務器上獲取數據,POST是向服務器傳送數據。
  • 對于GET方式,服務器端用Request.QueryString來獲取變量的值,對于POST方式,服務器端用Request.Form來獲取提交的數據
  • get是把表單參數數據加到提交表單的action屬性所指的URL中,如:http://www.xxx.com?id=1314&name=hello&age=20,用戶信息對于用戶是可見的,而post是把提交的數據放置在是HTTP包的包體中傳送給服務器,用戶信息對于用戶是不可見的。
  • Get限制Form表單的數據集的值必須為ASCII字符;而Post支持整個ISO10646字符集(通用字符集)。
  • POST的安全性要比GET的安全性高,但是POST的執行效率比GET執行效率低
    傳輸數據的大小,HTTP協議沒有對傳輸的數據大小進行限制,HTTP協議規范也沒有對URL長度進行限制。
  • 而在實際開發中存在的限制主要有:
  1. GET:特定瀏覽器和服務器對URL長度有限制,例如IE對URL長度的限制是2083字節(2Kb+35),對于其他瀏覽器如Netscape、FireFox等,理論上沒有長度限制,其限制取決于操作系統的支持。因此對于GET提交時,傳輸數據就會受到URL長度的限制。
  2. POST:由于不是通過URL傳值,理論上數據不受限。但實際各個WEB服務器會規定對post提交數據大小進行限制,Apache、IIS6都有各自的配置。
  • GET請求的數據會被瀏覽器緩存起來,而POST卻不行
  • 使用GET時,用戶刷新頁面,沒有出現任何提示,使用POST會彈出消息框,提示用戶是否重新提交

3. 在Input里,Name 有什么作用?

在input中,name的主要作用有一下三種

  • name規定了input元素的名稱
  • name 屬性用于對提交到服務器后的表單數據進行標識,或者在客戶端通過 JavaScript 引用表單數據
  • 只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

4. radio 如何 分組?

在表單中radio的分組取決于name的屬性

5. placeholder 屬性有什么作用?

用來進行再輸入框中的顯示提示,當用戶開始輸入內容時候, 提示文字會消失 。

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

總結來看的話是

在表單提交的時候,我們經常使用到input hidden隱藏域,這個hidden隱藏域對用戶是不可見的,那么我們為什么要在表單中使用hidden隱藏域呢,本文章向大家介紹hidden隱藏域作用及用法實例,需要的朋友可以參考一下。

hidden隱藏域無 外乎下面幾點作用:

  • 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到服務器。
  • 有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如sessionkey,等等.當然這些東西也能用cookie實現,但使用隱藏域就簡單的多了.而且不會有瀏覽器不支持,用戶禁用cookie的煩惱。
  • 有些時候一個form里有多個提交按鈕,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢?我們就可以寫一個隱藏域,然后在每一個按鈕處加上onclick="document.form.command.value="xx""然后我們接到數據后先檢查command的值就會知道用戶是按的那個按鈕提交上來的。
  • 有時候一個網頁中有多個form,我們知道多個form是不能同時提交的,但有時這些form確實相互作用,我們就可以在form中添加隱藏域來使它們聯系起來。
  • javascript不支持全局變量,但有時我們必須用全局變量,我們就可以把值先存在隱藏域里,它的值就不會丟失了。
  • 還有個例子,比如按一個按鈕彈出四個小窗口,當點擊其中的一個小窗口時其他三個自動關閉.可是IE不支持小窗口相互調用,所以只有在父窗口寫個隱藏域,當小窗口看到那個隱藏域的值是close時就自己關掉

舉例子來看的話就是:

瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到服務器。當表單被提交時,隱藏域就會將信息用你設置時定義的名稱和值發送到服務器上,可以讓服務器知道數據采集的是否正確。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • <input>標簽 標簽用于搜集用戶信息,根據不同的type屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段...
    _空空閱讀 4,078評論 0 3
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,937評論 18 139
  • 1.動手 form 表單table 表格 2. <form>表單元素 1) 簡述: 元素是塊級元素,其開始標簽和結...
    _Dot912閱讀 2,048評論 2 8
  • 1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 924評論 0 1
  • 什么是FORM表單: 表單是用來提交資料、意見,規范流程執行過程的格式。表單在網頁中主要負責數據采集功能。一個表單...
    PYFang閱讀 1,160評論 0 0