---
# System prepended metadata

title: HTML 8. 進階表格製作 - Form 表單的製作 / post 的屬性差異
tags: [2022 網頁開發全攻略教程]

---

# HTML 8. 進階表格製作 - Form 表單的製作 / post 的屬性差異


- form method， get & post 的使用時機:

```
    <form action="" method="get">
      <label for="myname">姓名:</label>
      <input id="myname" type="text" name="inputName" />
      <label for="tele">電話:</label>
      <input id="tele" type="text" name="telephone" />
      <button type="submit">提交表單</button>
    </form>
```

- 輸入一般資料的時後，例如: 電話、姓名等不太算隱私的部分可使用 `get`
  這會在 sumbit 資料出去時，產生在網址上提示
  
- 若輸入較為隱私的部分，則可以切換成 `post`，將資料傳送出去後不會列在網址上。

###### tags: `2022 網頁開發全攻略教程` 