關于Form表單

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

<form> 標簽用于為用戶輸入創建 HTML 表單,并向服務器傳輸數據。

常用input標簽:

描述
button 定義可點擊按鈕(多數情況下,用于通過 JavaScript 啟動腳本)。
checkbox 定義復選框。
file 定義輸入字段和 "瀏覽"按鈕,供文件上傳。
hidden 定義隱藏的輸入字段。
image 定義圖像形式的提交按鈕。
password 定義密碼字段。該字段中的字符被掩碼。
radio 定義單選按鈕。
reset 定義重置按鈕。重置按鈕會清除表單中的所有數據。
submit 定義提交按鈕。提交按鈕會把表單數據發送到服務器。
text 定義單行的輸入字段,用戶可在其中輸入文本。默認寬度為 20 個字符。

2.post 和 get 方式的區別?

對于 <form></form> 標簽,其 action 屬性的默認值是 GET,可以修改為 POST。使用 GET 時,表單數據中的數據會被轉義并以查詢字符串的形式追加到 URL 的尾部;使用 POST 時,表單數據會依附請求體發送給服務器。

(1)get是向服務器發索取數據的一種請求,而post是向服務器提交數據的一種請求
(2)get提交的數據會在地址欄中顯示出來,而post提交,地址欄不會改變
(3)傳輸數據的限制:當發送數據時,get方法向 URL 添加數據,URL 的長度是受限制的;post由于不是通過URL傳輸,所以不受限制
(4)安全性:get的安全性較差,因為所發送的數據是 URL 的一部分;post比get更安全,因為參數不會被保存在瀏覽器歷史或 web 服務器日志中。
(5)get將表單中數據的按照variable=value的形式,添加到action所指向的URL后面,并且兩者使用“?”連接,而各個變量之間使用“&”連接;post是將表單中的數據放在form的數據體中,按照變量和值相對應的方式,傳遞到action所指向URL。

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

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

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

4.radio 如何 分組?

radio是定義單選按鈕輸入,radio通過對name的定義來進行分組,同一個name的radio只能單選。

5.placeholder 屬性有什么作用?

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

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

語法:<input type="hidden"/>
隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到服務器。

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

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,868評論 18 139
  • form表單有什么作用?有哪些常用的input標簽,分別有什么作用? 作用:表單用于接收不同類型的用戶輸入,用戶提...
    饑人谷_二釉閱讀 284評論 0 0
  • 本文介紹關于form表單的一些使用方法網站是如何與用戶進行交互的?使用HTML表單。表單用于搜集不同類型的用戶輸入...
    左冬的博客閱讀 1,364評論 1 3
  • form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? form表單用于收集用戶的輸入數據,并提交...
    LeeoZz閱讀 356評論 0 0
  • 微信朋友圈已經從最初的生活記事,變為雞湯滿溢,再到愈演愈烈的勵志經典和情感段子,離實際生活越來越遙遠。最近這一年來...
    奇葩蕭蕭閱讀 441評論 2 3