# HTML - Tag元素筆記
###### tags: `HTML-CSS`

## 一 . Form

<form action="url" method="POST">
    <select name="choose">
        <option value="1">選項一</option>
        <option value="2">選項二</option> 
        <option value="3">選項三</option>        
    </select>
    <label for="username">Username</label>
    <input type="text" id="username" name="username">
    <label for="password">PassWord</label>
    <input type="password" id="password" name="password">
    <button type="submit" >Button</button>
</form>

### (一) . 表單封包
1. 封包的傳遞 ： form元素是html中少數可以直接傳遞封包給後端的。
2. 機制 ：
- step1 : ```type="submit"```的元素被按下。
- step2 : 找是否有```form```外層沒有的話，沒用。
- step3 : 有的話，依照```form```的屬性傳遞。
- ```action="url"```: 代表要傳到的後端伺服器url。
- ```method="POST"``` : 代表使用的http請求。

3. 內容 ：
- ```<input>``` : 後端可以用在```name```屬性設定的值為identifier，取得值。
- ```<select>``` : 後端可以用在```select```的```name```屬性設定的值為identifier，其值為```<option>```中的```value```屬性。

### (二) 包含的元素
1. ```<input>``` :
2. ```<select>``` :