前端開發會經常遇到input類型的表單提交問題，如何獲取到其中的具體值呢？下面我將介紹一些基本的表單內容獲取的方法。
首先是text,password,email,date,color等基本類型。他們的共同特點是都有一個固定值，最后我們通過或區他們的value值來得到其中的數值。
下面是我寫的一段代碼：
運行結果是：
后台：
我們可以看到系統成功的獲取到了每個input框內的內容。
如果我們遇到單選框和多選框怎么辦呢？
單選框主要是先判斷這個框是不是被選中，如果是被選中那么怎么來獲取到它的值，下面我寫了一個常見的單選框的值的獲取，可以作為參考：
運行結果：
后台：
從后台結果看到我們獲取了單選框的值。
接下來是多選框，主要用於獲取個人愛好等信息，目前在注冊網站很常見，因為多選框最后獲得的是一組數據所有它是一個數組，所有我們先獲取到所有的數據，然后判斷哪些是被選中的再把這些被選中的放到一個數組中，下面我給出一個簡單的例子：
代碼運行結果：
后台：
成功獲取到所選的值。
這些都是我們在實現注冊界面經常遇到的一些小的問題，我們可以通過這些簡單的方法來獲取，在form表單中還有一個量就是input類型中的file類型，我們通過value只是獲取到了當前圖片的名字但是獲取不到這張圖片的路徑，這時我們需要用到一個對象formdata來實現數據的獲取，這個我在這里先簡單的說一下，FormData 對象，可以把form中所有表單元素的name與value組成一個queryString，提交到后台。在使用Ajax提交時，使用FormData對象可以減少拼接queryString的工作量。具體的實現這里先不細說了，我會在之后的博客中給出具體的使用方法。