---
# System prepended metadata

title: AJAX - 傳統表單輸入介紹
tags: [AJAX]

---

# AJAX - 傳統表單輸入介紹

我們知道 **form** 表單可以將資料傳送給後端，但是是以怎樣的形式來傳送的呢?
我們這邊生成一個表單，**action** 設定將資料傳到當前頁面 **index.html**
```htmlembedded=
 <form action="index.html">
    帳號
    <input type="text" name="accout">
    <br>
    密碼
    <input type="password" name="password">
    <br>
    <input type="submit" value="送出">
 </form>
```

我們填寫一些資料後送出,會看到資料以一種特殊的格式顯示在網址上

![](https://i.imgur.com/qZjs8lQ.png)

```http://localhost:8080/index.html?accout=test123&password=123456```

## 重點整理

1. **?** 後面接傳送的值
2. 每筆資料以 **欄位名稱 = 值** 的形式呈現
3. 資料之間以 **&** 連接

###### tags: `AJAX`