<html>
<head>
<style>
.div1{
width:600px
height:200px
font-size:13px
}
.div select{
width:200px
}
.div select option{
width:150px
height:30px
}
</head>
<body>
<div class='div1'>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</div>
</body>
</html>
代码：
效果图：
代码含义：
<select>定义为下拉列表菜单标签
<Option>定义下拉列表数据标签
<Value>定义传输的定
实现原理：
通过代码<select>设置一个下拉列表菜单，<option>设计下拉菜单下面的值来达成效果。
代码源件：
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题</title>
</head>
<body>
<form action="" method="get">
<label>下拉列表菜单</label>
<select>
<option value="0">下拉选项1</option>
<option value="1">下拉选项2</option>
</select>
</form>
</body>
</html>
