> 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/3.-css/3.11-biao-chan-yang-shi.md).
# 3.24 表單樣式
## textarea 多行文字框
HTML
```markup
```
CSS
```css
textarea{
resize: both;
}
```
結果如下：
resize 可選的值有：
* `both`：這是預設。使用者可改變 textarea 欄位的寬高。
* `horizontal`：使用者可水平將 textarea 欄位變寬。
* `vertical`：使用者可垂直將 textarea 欄位變高。
* `none`：使用者無法改變 textarea 欄位的寬高。
例：
{% embed url="" %}
## 練習：checkbox
此例同樣也可運用在 radio button。
未勾選狀態的圖片網址：
已勾選狀態的圖片網址：
{% embed url="" %}
提供 html：
```markup
```
參考作法：
{% embed url="" %}
## 練習：select 下拉選單
* 箭頭網址：
* 設定 `appearance` 為 `none`。
給定 html：
```markup
```
css 的 appearance 設定：
```css
select.custom_select{
appearance: none;
}
```
結果示意：
參考作法：
{% embed url="" %}