用Css来制作一个更漂亮一些的多选列表框-Web标准教程

我认为多选列表具有完美的功能——只需按下Ctrl键，同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框： wwW.MB5U_COM

 

wwW.MB5U_COM

上面那个列表框的代码如下：

mb5u---Com-模板无忧

<form method="get" action="">

<b>Check your favorite fast food:</b><br/>

MB5u.com__模板无忧

<SELECT MULTIPLE SIZE=5 name="favorites"> MB5U____COM

<OPTION VALUE="McDonalds">McDonald's</option> MB5u.com__模板无忧

<OPTION VALUE="BurgerKing">Burger King</option>

<OPTION VALUE="Wendys">Wendy's</option>

<OPTION VALUE="JackInTheBox">Jack in the Box</option> MB5U_coM

<OPTION VALUE="KFC">KFC</option> 模板无忧-Mb5u.com

<OPTION VALUE="TacoBell">Taco Bell</option>

MB5U@COM

</SELECT>

MB5U____COM

<br/><input type="submit" value="Choose"> Mb5U.com-模板无忧

</form>

wWw.MB5U_COM

事实上，即使你在页面中添加了用法说明，仍然有用户不知道如何使用多选列表框。另外，给每个项目增加额外的标题确实会有帮助，但用一个普通的多选列表框能否达到那个目的，我还不能确定。 模板无忧-MB5U.-COM

不过，我确实清楚知道，用一些CSS和一小段JavaScript，你就能生成一个更漂亮一点的多选列表框，并且还可以建立一个等同于普通多选列表框的URL。那样，你就不用修改处理列表框的后端代码——而只需要美化前端即可。

mb5u---Com-模板无忧