關於form與表單元素的相關知識總結

form元素：

form元素的DOM接口是HTMLFormElement，繼承自HTMLElement，於是它與其餘的HTML元素擁有相同的默認屬性，不過它自身還有幾個獨有的屬性和方法：
accept-charset：服務器可以處理的字符集，多個字符集用空格分割；
length：表單中控件的數量；
method：要發送的HTTP請求類型，一般是「get」或「post」，該值能夠被form元素中的input或button元素的formmethod屬性覆蓋;
name：表單的名稱；
reset()：將全部表單域重置爲默認值；
submit()：提交表單；
autocomplete：是否自動補全表單元素；

input元素：

input元素是應用很是普遍的表單元素，根據type屬性值的不一樣，有如下幾種經常使用用法：

文本輸入：<input type="text" name="">
提交輸入：<input type="submit">
單選鈕輸入：<input type="radio" name="必須有相同的名字" value="填的值最好對應">
複選框輸入：<input type="checkbox" name="相同的名字" value="不一樣的對應值">
數字輸入：<input type="number" min="" max="">   //輸入框只能輸入數字，可設置最大值，最小值。
範圍輸入：<input type="range" min="" max="">相似number，  //但它會顯示一個滑動條，而不是輸入框。
顏色輸入：<input type="color">  //會彈出一個顏色選擇器。
日期輸入：<input type="date">   //會彈出一個日期選擇器。
email輸入： <input type="email">  //顯示爲一個文本輸入框，並會彈出一個定製鍵盤。
tel輸入：<input type="tel">  //跟email輸入相似
url輸入 ：<input type="url"> //跟email輸入相似，也會彈出一個定製鍵盤。
textarea元素能夠建立一個多行的文本區：
<textarea name="" id="" cols="30" rows="10"></textarea>
 //其中cols和row的屬性值分別表示文本區寬度和高度的字符。
select元素和option元素結合使用可建立一個下拉菜單：
<select name="" id=""> 
  <option value=""></option>
  <option value=""></option>
  <option value=""></option>
</select>

radio

如何 分組? 設置不一樣的 name屬性便可： 這就是兩組radio

<input type="radio" name="favourite" value="玩遊戲"> //玩遊戲
<input type="radio" name="favourite" value="寫代碼"> //寫代碼

<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女

placeholder

提供可描述輸入字段預期值的提示信息（hint）。
該提示會在輸入字段爲空時顯示，並會在字段得到焦點時消失。

type=hidden

定義隱藏的input。隱藏字段對於用戶是不可見的。隱藏字段一般會存儲一個默認值，它們的值也能夠由 JavaScript 進行修改。
好比用於安全方面，給後臺傳輸用戶不可見的name 和value值，讓後臺作校驗，防僞造頁面。