title: How can I show a category name in html dropdown list?
body: <p>I have a dropdown list in a form. There are many items. I want to show the category names in the dropdown list which the users will be able to see but won't be able to select.</p>
  
  <p>So far I have this. But obviously it is not working. </p>
  
  <pre><code>&lt;select id="item_name" name="item_name"&gt;
                      &lt;dl&gt;
                          &lt;dt&gt;Category 1&lt;/dt&gt;
                              &lt;dd&gt;&lt;option value="1"&gt;Item 1&lt;/option&gt;&lt;/dd&gt;
                              &lt;dd&gt;&lt;option value="2"&gt;Item 2&lt;/option&gt;&lt;/dd&gt;
                              &lt;dd&gt;&lt;option value="3"&gt;Item 3&lt;/option&gt;&lt;/dd&gt;
                          &lt;dt&gt;Category 2&lt;/dt&gt;
                              &lt;dd&gt;&lt;option value="4"&gt;Item 4&lt;/option&gt;&lt;/dd&gt;
                              &lt;dd&gt;&lt;option value="5"&gt;Item 5&lt;/option&gt;&lt;/dd&gt;
                              &lt;dd&gt;&lt;option value="6"&gt;Item 6&lt;/option&gt;&lt;/dd&gt;
                      &lt;/dl&gt;
                  &lt;/select&gt;
  </code></pre>