## 下拉列表框
[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在线购买页面。
- 概要
- 前言
- 计算机软件概论
- 计算机软件概论
- Markdown基础
- 为什么使用Markdown
- Markdown语法简明教程
- Xmind思维导图
- 为什么要制作思维导图
- 简单制作思维导图
- HTML基础
- Web原理和HTML简介
- Web原理
- HTML概念
- HTML标签
- 标签
- HTML固定基本结构
- 第一个HTML页面
- 工具的使用
- 标题
- hr 和 p 标签
- 表单的设计与使用
- 表单域的原理
- 文本框和密码框
- 单选框和复选框
- 下拉列表框
- 多行文本和上传
- 提交按钮和重置按钮
- 为CODING COFFEE加入在线购买页
- 数据库基础
- 数据库介绍
- 数据库安装和Navicat
- SQL
- 表基本操作
- 修改数据语句
- 数据检索操作
- 多表数据操作
- JAVA基础
- JAVA 介绍
- JAVA 运行原理
- JDK 配置
- 类和对象
- 数据类型
- 变量
- 直接量
- 运算符
- 流程控制
- 数组结构