在前后端交互的過程中，除了ajax請求之外，最常見的就是表單請求了。
由於form表單屬性多，表單標簽內容多且復雜，不深究的話很難全面的弄明白。
接下來就來詳細的說一說整個form表單都有些什么，並且如何去使用。
（一）form表單標簽內的屬性
1.最重要的兩個屬性：action method
action:指定一個URL地址用於向該地址發送表單數據；
method:規定是按照何種方式發送數據；
method可以填的值如下：
get：以get方式請求，表單數據會以？連接數據放在URL內一並發送，每組數據直接用&連接。這種方式不安全，容易被截取。
post：以post發送請求，表單數據會以一個對象的方式放在請求體中進行發送。
//在前端中最常見的兩個請求方式就是get 和 post 。get和post其實兩個方法都差不多的。對於前端發送數據給服務器而言多半用post請求
處於安全性考慮，post請求的安全性要高一些。
除了post和get還可以填：options head delete trace connect
這些請求方法需要服務器端的配合才可以，不同的類型對應這服務器不同的操作，對於前端而言很少用也不會讓你這樣亂用。在編程上與
post和get請求差不多。
<form action="https://www.w3school.com.cn/example/html5/demo_form.asp" method="PUT"> 姓名: <input type="text" name="name" /><br /> 年齡: <input type="text" name="arguments" /><br /> <input type="submit" value="Submit" /> </form>
用一下w3c的測試接口，服務器端沒有限制請求類型
2.accept-charset 規定服務器處理表單數據所接受的字符集
accept-charset: 字符集名稱
accept-charset:unknown （默認值） 表示表單的字符集與包含表單的文檔的字符集相同。
應避免使用該屬性，應該在服務器端驗證文件上傳。
3.autocomplete 提示功能，根據填寫歷史顯示提示下拉列表
autocomplete:on/off (開啟/關閉)
需要擁有autocomplete屬性的表單標簽才可以使用：input
4.enctype 規定表單數據在發送到服務器之前如何進行編碼
可以填3個屬性值:
application/x-www-form-urlencoded:在發送前編碼所有字符（默認），會將數據以name = value這種形式的鍵值對進行編碼，
空格轉換為 "+" 加號，特殊符號轉換為 ASCII HEX 值
multipart/form-data:不對字符進行編碼，在使用表單上傳的文件時必須使用。
text/plain:空格轉換為“+”加號，但不對特殊字符進行編碼
5.target 規定在哪打開 action URL
可以填5個屬性：
_blank:在新窗口中打開
_self:在當前窗口中打開
_parent:在上一級窗口中打開
_top:在頂層窗口中打開
framename:指定窗口
6.name 規定表單的名稱
7.novalidate 可以阻止瀏覽器對表單的默認驗證（填上這個屬性）
示例：
<form action="https://www.w3school.com.cn/example/html5/demo_form.asp" method="POST" accept-charset="UTF-8" autocomplete="on" enctype="application/x-www-form-urlencoded" name="myForm" novalidate target="_blank"> 姓名: <input type="text" name="name" /><br/> 年齡: <input type="text" name="arguments" /><br/> <select name="" id=""> <option value="">123</option> <option value="">1231</option> <option value="">123211</option> <option value="">12312312</option> </select> <input type="submit" value="Submit" /> </form>
以上就是form標簽的屬性內容介紹，如果對內容有疑問歡迎來評論區進行交流討論