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> :