html中分級下拉清單

在製作網頁時，如果資訊分類的內容很多，也可以在下拉清單中將其分級顯示，是使用者更清晰的檢視選項。以下實例，可以看到下拉清單中的選項是分級顯示的。程式運行結果如圖所示。

本實例主要是應用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>

 

# 

 

以上是html中分級下拉清單的詳細內容。更多資訊請關注PHP中文網其他相關文章！