## 下拉列表框
[TOC]
下拉列表在網頁中也常會用到,它可以有效的節省網頁空間。既可以單選、又可以多選。
```html
<select name="beans">
<option value="House Blend">House Blend</option>
<option value="Bolivia">Shade Grown Bolivia Supremo</option>
<option value="Guatemala">Organic Guatemala</option>
<option value="Kenya">Kenya</option>
</select>
```
* value:提交數據到服務器的值。
* `selected="selected"`:設置`selected="selected"`屬性,則該選項就被默認選中。
* 下拉列表也可以進行多選操作,在`<select>`標簽中設置`multiple="multiple"`屬性,就可以實現多選功能,在 windows 操作系統下,進行多選時按下Ctrl鍵同時進行單擊(在Mac下使用Command+單擊),可以選擇多個選項。
## 作業
* 完成本章最后的CODING COFFEE在線購買頁面。
- 計算機軟件概論
- 計算機軟件概論
- 預科-數據庫基礎
- 數據庫介紹
- 數據庫安裝和Navicat
- SQL
- 表基本操作
- 修改數據語句
- 數據檢索操作
- 多表數據操作
- Markdown基礎
- 為什么使用Markdown
- Markdown語法簡明教程
- HTML基礎
- Web原理和HTML簡介
- Web原理
- HTML概念
- HTML標簽
- 標簽
- HTML固定基本結構
- 第一個HTML頁面
- 工具的使用
- 標題
- <hr>和<p>標簽
- 表單的設計與使用
- 表單域的原理
- 文本框和密碼框
- 單選框和復選框
- 下拉列表框
- 多行文本和上傳
- 提交按鈕和重置按鈕
- 為CODING COFFEE加入在線購買頁
- Xmind思維導圖
- 為什么要制作思維導圖
- 簡單制作思維導圖