html中分级下拉列表<optgroup>

来源：懂视网责编：小采时间：2020-11-27 15:30:13

html中分级下拉列表<optgroup>

html中分级下拉列表<optgroup>:在制作网页时，如果信息分类的内容很多，还可以在下拉列表中将其分级显示，是用户更加清晰的查看选项。以下实例，可以看到下拉列表中的选项是分级显示的。程序运行结果如图所示。本实例主要是应用optgrounp标记，并设置其label属性。optgroup标记主要用于

推荐度：

点击下载本文 文档为doc格式

导读html中分级下拉列表<optgroup>:在制作网页时，如果信息分类的内容很多，还可以在下拉列表中将其分级显示，是用户更加清晰的查看选项。以下实例，可以看到下拉列表中的选项是分级显示的。程序运行结果如图所示。本实例主要是应用optgrounp标记，并设置其label属性。optgroup标记主要用于

在制作网页时，如果信息分类的内容很多，还可以在下拉列表中将其分级显示，是用户更加清晰的查看选项。以下实例，可以看到下拉列表中的选项是分级显示的。程序运行结果如图所示。

本实例主要是应用optgrounp标记，并设置其label属性。optgroup标记主要用于对select元素中的选项进行逻辑分组，在optgroup标记中指定的文本是非可选项，一般通过替换文本域可以选项区分开来。

实现分级下拉列表的关键代码如下：

<form id="form1" name="form1" method="post" action="">
 <table width="206" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
 <td height="25" background="images/mid_01.jpg">     图书分类</td>
 </tr>
 <tr>
 <td height="28" align="center"><select name="book_class" id="book_class">
 <optgroup label="Web设计">
 <option>网站建设</option>
 <option>网页设计</option> 
 <option>JavaScript程序设计</option>
 </optgroup> 
 <optgroup label="软件世界">
 <option>软件工程</option>
 <option>软件应用</option>
 </optgroup>
 </select></td>
 </tr>
 </table></form>

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com