<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>下拉列表</title>
<base target="_self">
</head>
<body>
<form>
<!--普通的下拉列表-->
<select>
<option>北京</option>
<option>上海</option>
<option selected="selected">深圳</option>
<option>广州</option>
</select>
<br>
<br>
<select>
<optgroup label="北京">
<option>x</option>
<option>xx</option>
<option>xxx</option>
</optgroup>
<optgroup label="上海">
<option>xxxx</option>
<option>xxxxx</option>
<option>xxxxxx</option>
</optgroup>
<optgroup label="深圳">
<option>s</option>
<option>ss</option>
<option>sss</option>
</optgroup>
<optgroup label="广州">
<option>ssss</option>
<option selected="selected">sssss</option>
<option>ssssss</option>
</optgroup>
</select>
</form>
</body>
</html>
下拉列表的正确格式:
<select>
<optgroup lable="分组名称">
<option>列表数据</option>
<option>列表数据</option>
<option>列表数据</option>
</optgroup>
</select>