> For the complete documentation index, see [llms.txt](https://docs.webmix.cc/html-and-css/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webmix.cc/html-and-css/2.-html/2.32-biao-chan.md).
# 2.28 表單
提供許多欄位，讓使用者填入後，送出資料。
## 基本結構
```markup
```
**action**：值是一個網址，代表要將使用者填入的資料，送至此網址。
**method**：送資料至 action 所指定的網址，傳送的方式基本上有 **get** 或 **post** 兩種方式。若是 get 的話，表示資料會呈現於網址當中，post 則不會出現在網址當中，相對較安全。
如果表單有要傳送檔案，需增加 enctype 屬性及其值：
```markup
```
註：以上的屬性，會跟後端程式比較有關，目前可先初步認識即可。
## 表單相關欄位
### 文字框：一般文字
* input 標籤不需要結束標籤。
```markup
```
另可以使用 `` 標籤，對應到欄位的 `id`進行點擊的優化：
{% embed url="" %}
### 文字框：密碼
```markup
```
{% embed url="" %}
### 文字框：隱藏
```markup
```
實際上還是存在，只是使用者看不到，而且該元素也不會佔位。
{% embed url="" %}
### 多行文字框
```markup
```
{% embed url="" %}
### 單選
基本結構，通常會搭配 `` 標籤一起使用。`checked` 是表示預設要選取。例：
```markup
```
{% embed url="" %}
多個選項時，若要創造單選的介面，則 **name** 要設定成一樣，才會被視為單選．例：
```markup
是
否
```
註：若有加上 `` 標籤，有助於使用者的操作方便。
方式一：for 的值，對應到 id 的值。
```markup
```
方式二：`` 放在 `` 裡面。
```markup
```
範例：
{% embed url="" %}
### 勾選(核取方塊)
基本結構，通常會搭配 `` 標籤一起使用。`checked` 是表示預設要選取。例：
```markup
```
{% embed url="" %}
註：同 單選(radio)相同，若有加上 `` 標籤，有助於使用者的操作方便。
方式一：for 的值，對應到 id 的值。
```markup
```
方式二：`` 放在 `` 裡面。
```markup
```
範例：
{% embed url="" %}
### 下拉選單
基本選單：
```markup
```
`selected`：表示預設為這項。
分群選單，使用 `` 包起來：
```markup
```
在 `