今天和大家分享學習一下html的表單
一、HTML標籤：表單標籤
表單的概念：用於採集用戶輸入的數據的。用於和伺服器進行交互。
1、form表單標籤
他是用於定義表單的，本身並沒有什麼樣式，可以定義一個範圍，範圍代表採集用戶數據的範圍，通俗易懂的說就是 被他包裹的數據可以被提交給伺服器。
form表單也定義了一些屬性：
action：指定提交數據的URL
method:指定提交方式，其中提交方式有七種，2種比較常用分別是get和post
大家覺得上面的用戶名和密碼會被提交到伺服器嗎？答案是：不能，那是為什麼呢？那是因為 表單項中的數據如果要想被提交：必須指定其name屬性
我們看到參數被連接在了url地址的後面。說明提交成功了，但是我們再思考一下，如果用戶名和密碼被暴露在瀏覽器的地址欄上，那肯定是不安全的，這個時候，我們就要講一下method的提交方式get和post的區別了。
（1）get
請求參數會在地址欄中顯示。會封裝到請求行中(HTTP協議後講解)。請求參數大小是有限制的。不太安全。
（2）post
請求參數不會再地址欄中顯示。會封裝在請求體中(HTTP協議後講解)請求參數的大小沒有限制。較為安全。
我們剛剛使用的是get方式提交，所以用戶信息被暴露在了瀏覽器的地址欄上，現在我們換成post，試一下
我們發現提交之後，瀏覽器的地址欄沒有了用戶信息，在瀏覽器按一下F12，點擊Network，發現參數被隱藏在了裡面，說明post請求方式是比較安全的，但也並不是絕對的安全的。
2、表單項標籤
（1）input：可以通過type屬性值，改變元素展示的樣式
type屬性
text：文本輸入框，默認值placeholder：指定輸入框的提示信息，當輸入框的內容發生變化，會自動清空提示信息password：密碼輸入框
radio:單選框，使用單選框的時候需要注意這幾點：要想讓多個單選框實現單選的效果，則多個單選框的name屬性值必須一樣；一般會給每一個單選框提供value屬性，指定其被選中後提交的值；checked屬性，可以指定默認值
checkbox：複選框，使用複選框的時候需要注意這幾點：一般會給每一個單選框提供value屬性，指定其被選中後提交的值，checked屬性，可以指定默認值
label：指定輸入項的文字描述信息，使用label便籤的時候，需要注意的是：label的for屬性一般會和 input 的 id屬性值 對應。如果對應了，則點擊label區域，會讓input輸入框獲取焦點。我們來看一下
file：文件選擇框
hidden：隱藏域，用於提交一些信息。按鈕，submit：提交按鈕。可以提交表單；button：普通按鈕；image：圖片提交按鈕，src屬性指定圖片的路徑select: 下拉列表子元素：option，指定列表項，默認選中是selected
textarea：文本域cols：指定列數，每一行有多少個字符rows：默認多少行。
好了，今天就和大家分享到這裡咯。