html代码如下：
<form action="" method="get">
<label>1、普通下拉列表菜单</label>
<select name="">
<option value="0">DIVCSS5</option>
<option value="1">DIVCSS5</option>
</select>
</form>
2）、跳转下拉列表菜单（如常见点击后跳转到选择网站）
常常一些网站做友情链接，与部门之间使用select下拉标签实现网址跳转。下面我们通过代码与案例接受select跳转菜单应用。
跳转菜单html代码如下：
<form action="" method="get">
<label>2、跳转的下拉列表菜单</label>
<select name="jumpMenu" id="jumpMenu"
onchange="MM_jumpMenu('parent',this,0)">
<option value="http://www.Rothur.com/">Rothur</option>
<option value="http://www.Rothur.com/">Rothur</option>
</select>
</form>
实现跳转还需要在head标签内加入Js脚本动作代码：
<script type="text/javascript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'") if (restore) selObj.selectedIndex=0 } //--> </script>
可以使用HTML5 list 属性。list 属性需要应用到 input 框上，然后内容写一个自定义的 id然后在任意位置放一对 datalist 标签，并给 datalist 框一个 id，和 list 属性指向的 id 一致即可。
在 datalist 标签下放列表项，每个列表项用 option 元标签来表示，option 标签里用 value 属性填写内容，label 属性来做提示。
下面是示例代码：
<form action="">
<input type="text" list="url_list" name="text" />
<input type="submit" />
</form>
<datalist id="url_list">
<option label="HZ赫兹工作室" value="http://weibo.com/hz421247910" />
<option label="提示1" value="列表项1" />
<option label="提示2" value="列表项2" />
<option label="" value="列表项3" />
</datalist>
HTML5之前一般使用select标签或者div+js实现
设置下拉列表框的默认值:使用关键字selected<
select
name
=
"pronvince">
<
option
value
="sh">上海
<
option
value
="bj">北京
<
option
value
="js">江苏
<
option
value
="hb"
selected="selected">湖北
<
option
value
="zj">浙江
如果希望设置默认值，在option
的标签里加入:selected
=
"selected"即在展示时，为默认值。
html
有一个selected属性，selected=‘true’时，即选中，selected=‘false’则未选中。在html5中则将selected=‘true’可以缩写为selected,因为selected=‘false’是默认属性，比如：
volvo
saab
opel
audi
那么第4个option就是被选中的元素。
