不知道為何我很常忘記 HTML form 這個標籤相關的程式碼….
可能因為目前工作上遇到的網頁都沒有表單的需求，畢竟做的都是行銷活動的網頁，只是上六角的課上到AJAX的部分時，看起來以後轉職的話，不管是跟伺服器拿取資料或是登入與註冊這種常見的功能都需要用到，所以還是學清楚一點呀~
寫個筆記將大部分較常用的 HTML form 表單標籤與屬性記錄下來，以方便查詢。

<form>的標籤屬性

放在<form>裡的標籤元素(也稱控制元件)

<input> 輸入欄位
<input>的type屬性用來指定input的呈現方式
<input type=”text”> 文字輸入欄位
<input type=”password”> 隱藏文字的輸入欄位
<input type=”checkbox”> 核取方框
<input type=”radio”> 選項按鈕
<input type=”submit”> 遞交表單按鈕

<textarea>多行文字輸入欄位

<select>+<option> 下拉式選單
<select>用來建立下拉式選單，<option>則代表選單中的選項。

可添加的表單標籤的屬性

．name: 代表表單送出時，該欄位的名稱。
　<input type=”text” name=”name” value=”yuki”>
　送出表單後，會以name=yuki傳給伺服器。
． value: 當作預設值或代表傳遞資料的值。
　<input type=”submit”>的value則代表按鈕裡的文字。
． autofocus: 載入表單後，將游標主動聚焦的欄位。
． disabled: 禁止使用的欄位。
． placeholder: 可呈現在欄位裡的提示文字。
． required: 將欄位設定為必填。
． maxlength: 輸入的文字上限。
． minlength: 最少須輸入的文字數量。

其他表單標籤

<fieldset>
    <legend>My pet</legend>
    <label>Dog name:</label> <input name="name">
    <label>age:</label> <input type="number" name="age">
  </fieldset>

<select name="partyFood">
  <optgroup label="Eat">
    <option>Burger</option>
    <option>Sausage</option>
    <option>Taco</option>
  </optgroup>
  <optgroup label="Drink">
    <option>Grey Tea</option>
    <option>Cola</option>
    <option>Lemonade</option>
  </optgroup>
</select>