HTML表單相關概念

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

通俗的講 form標簽是用來進行表單提交用的,表單在網頁中主要負責數據采集功能。
form標簽里面的常見屬性如下:
action: 表單提交的地址, 肯定是要提交給某個服務器的,action的地址就是要提交的服務器的地址
method:以何種方式提交,常見的為get和post. 區別在于一個是明文(在url中顯示),一個是暗文
常用的input 標簽及其作用
type 屬性取值:
text -- 文字輸入域(輸入型)
password -- 也是文字輸入域,但是輸入的文字以密碼符號'*'顯示(輸入型)
file -- 可以輸入一個文件路徑(輸入型)
checkbox -- 復選框.可以選擇零個或多個(選擇型)
radio -- 單選框.只可以選擇一個而且必須選擇一個(選擇型)
hidden -- 代表隱藏域,可以傳送一些隱藏的信息到服務器
button -- 按鈕(點擊型)
image -- 使用圖片來顯示按鈕,使用src屬性指定圖像的位置(就像img標簽的src屬性)(點擊型)
submit -- 提交按鈕,表單填寫完畢可以提交,把信息傳送到服務器.可以使用value屬性來顯示按鈕上的文字(點擊型)
reset -- 重置按鈕,可以把表單中的信息清空(點擊型)

2.post 和 get 方式的區別?

根據HTTP規范,GET用于信息獲取,而且應該是安全的和冪等的。
所謂安全的意味著該操作用于獲取信息而非修改信息。換句話說,GET 請求一般不應產生副作用。就是說,它僅僅是獲取資源信息,就像數據庫查詢一樣,不會修改,增加數據,不會影響資源的狀態。

注意:這里安全的含義僅僅是指是非修改信息。
冪等的意味著對同一URL的多個請求應該返回同樣的結果。

冪等(idempotent、idempotence)是一個數學或計算機學概念,常見于抽象代數中。
根據HTTP規范,POST表示可能修改變服務器上的資源的請求。
GET請求的數據會附在URL之后(就是把數據放置在HTTP協議頭中),以?分割URL和傳輸數據,參數之間以&相連,如:login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果數據是英文字母/數字,原樣發送,如果是空格,轉換為+,如果是中文/其他字符,則直接把字符串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX為該符號以16進制表示的ASCII。
POST把提交的數據則放置在是HTTP包的包體中。
GET方式提交的數據最多只能是1024字節,理論上POST沒有限制,可傳較大量的數據

其實這樣說是錯誤的,不準確的:首先是"GET方式提交的數據最多只能是1024字節",因為GET是通過URL提交數據,那么GET可提交的數據量就跟URL的長度有直接關系了。而實際上,URL不存在參數上限的問題,HTTP協議規范沒有對URL長度進行限制。這個限制是特定的瀏覽器及服務器對它的限制。IE對URL長度的限制是2083字節(2K+35)。對于其他瀏覽器,如Netscape、FireFox等,理論上沒有長度限制,其限制取決于操作系統的支持。注意這是限制是整個URL長度,而不僅僅是你的參數值數據長度。
理論上講,POST是沒有大小限制的,HTTP協議規范也沒有進行大小限制,說“POST數據量存在80K/100K的大小限制”是不準確的,POST數據是沒有限制的,起限制作用的是服務器的處理程序的處理能力。
POST的安全性要比GET的安全性高。注意:這里所說的安全性和上面GET提到的“安全”不是同個概念。上面“安全”的含義僅僅是不作數據修改,而這里安全的含義是真正的Security的含義,比如:通過GET提交數據,用戶名和密碼將明文出現在URL上,因為(1)登錄頁面有可能被瀏覽器緩存,(2)其他人查看瀏覽器的歷史紀錄,那么別人就可以拿到你的賬號和密碼了,除此之外,使用GET提交數據還可能會造成Cross-site request forgery攻擊。

總結一下,Get是向服務器發索取數據的一種請求,而Post是向服務器提交數據的一種請求,在FORM(表單)中,Method默認為"GET",實質上,GET和POST只是發送機制不同,并不是一個取一個發!

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

name 屬性規定 input 元素的名稱,用于對提交到服務器后的表單數據進行標識,或者在客戶端提供給 JavaScript,使其可以引用表單數據。

4.radio 如何 分組?

具有相同 name 屬性值的 radio 為同一組

5.placeholder 屬性有什么作用?

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

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

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

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

推薦閱讀更多精彩內容

  • 1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? 通俗的講 form標簽是用來進行表單提...
    任少鵬閱讀 793評論 0 0
  • 1. form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? 表單是一個包含表單元素的區域,允許用...
    VirtualX閱讀 533評論 0 2
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,993評論 19 139
  • 1. form表單有什么作用 form表單用于把用戶輸入的數據提交給后臺服務器name表示提交的表單名稱,acti...
    尾巴尾巴尾巴閱讀 364評論 0 0
  • 來自:http://imshuai.com/create-react-app-multiple-entry-poi...
    草珊瑚_6557閱讀 4,301評論 0 0