HTML表單學(xué)習(xí)筆記

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

HTML 表單用于搜集不同類型的用戶輸入,然后將數(shù)據(jù)提交到服務(wù)器。 表單是一個包含表單元素的區(qū)域 表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復(fù)選框等等)輸入信息的元素。所有表單控件,只有放在<form>標(biāo)簽里,才能將數(shù)據(jù)提交到服務(wù)器。

  • 常見的input標(biāo)簽:
input標(biāo)簽 作用
text 單行文本框
password 圓點密碼框
button 普通按鈕
submit 提交所有數(shù)據(jù)按鈕
checkbox 多選框
radio 單選框
file 文件上傳
reset 重置所有項
hidden 隱藏域

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

  • GET請求的數(shù)據(jù)會附在URL之后(就是把數(shù)據(jù)放置在HTTP協(xié)議頭中),以?分割URL和傳輸數(shù)據(jù),參數(shù)之間以&相連,如果數(shù)據(jù)是英文字母/數(shù)字,原樣發(fā)送,如果是空格,轉(zhuǎn)換為+,如果是中文/其他字符,則直接把字符串用BASE64加密;POST把提交的數(shù)據(jù)則放置在是HTTP包的包體中。
  • POST的安全性要比GET的安全性高。比如:通過GET提交數(shù)據(jù),用戶名和密碼將明文出現(xiàn)在URL上。除此之外,使用GET提交數(shù)據(jù)還可能會造成Cross-site request forgery攻擊。
  • Get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請求,而Post是向服務(wù)器提交數(shù)據(jù)的一種請求。 GET 請求一般不應(yīng)產(chǎn)生副作用。就是說,它僅僅是獲取資源信息,就像數(shù)據(jù)庫查詢一樣,不會修改,增加數(shù)據(jù),不會影響資源的狀態(tài)。 get提交的信息有限,根據(jù)不同瀏覽器對URL長度限制的不同而受到不同的限制。而post理論上可以提交無限的信息量。

在input里,name 有什么作用?

name屬性規(guī)定了input元素的名稱,用于后續(xù)提交表單數(shù)據(jù),或者在JS中引用表單。 POST和GET的時候,name和input中的值會形成的 鍵/值 對,服務(wù)器端的表單處理程序只有通過name才能獲取到相應(yīng)的用戶輸入。 check和radio靠相同的name值分組。

radio 如何 分組?

通過name屬性分組。相同的name為一組。
舉例:<input type="radio" name="sex" value="男">
<input type="radio" name="sex" value="女">女
<input type="radio" name="sex1" value="男">男
<input type="radio" name="sex2" value="女">女
"sex"為一組,"sex1"為同一組。

placeholder 屬性有什么作用?

placeholder屬性規(guī)定用以描述輸入字段預(yù)期值的提示,該提示會在用戶輸入值之前顯示在輸入字段中,輸入正確的值之后自動消失。

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

標(biāo)簽<input type="hidden" name="" value="">標(biāo)簽的作用是:隱藏不想讓用戶看到的信息,但是這些信息對于Web應(yīng)用又是非常必要的。瀏覽者發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務(wù)器,后臺通過用戶隱藏域中value的值,就可以識別用戶,來提高安全性。

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

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

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