<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>列表框和下拉菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="http://www.crazyit.org" method="post">
下面是简单的下拉菜单:<br />
<select id="skills" name="skills">
<option value="java">Java语言</option>
<option value="C">C语言</option>
<option value="C#">C#语言</option>
</select><br />
下面是允许多选的列表框:<br />
<select id="books" name="books" multiple="multiple" size="4">
<option value="java2">Java2语言</option>
<option value="C2">C2语言</option>
<option value="C#2">C#2语言</option>
</select><br />
下面是允许多选的列表框:<br />
<select id="peter" name="peter" multiple="multiple" size="6">
<optgroup label="疯狂图书系列">
<option value="java2">Java2语言</option>
<option value="C2">C2语言</option>
<option value="C#2">C#2语言</option>
</optgroup>
<optgroup label="其他图书系列">
<option value="4java2">4Java2语言</option>
<option value="4C2">4C2语言</option>
<option value="4C#2">4C#2语言</option>
</optgroup>
</select><br />
<button type="submit"><b>提交</b></button>
</form>
</body>
</html>
截图如下: