HTML - Enhanced Dropdown Menus

HTML Enhanced Dropdown Menus Code

title: Contents 
style: nestedList # TOC style (nestedList|inlineFirstLevel)
minLevel: 1 # Include headings from the specified level
maxLevel: 4 # Include headings up to the specified level
includeLinks: true # Make headings clickable
debugInConsole: false # Print debug info in Obsidian console

Overview

You can use the <optgroup> tag to group related options in a <select> HTML tag.

This can be used when you are working with large dropdown menus or a long list of options.

Code Snippet

<select>
   <optgroup label="Fruits">
      <option>Apple</option>
      <option>Banana</option>
      <option>Mango</option>
   </optgroup>
   <optgroup label="Vegetables">
      <option>Tomato</option>
      <option>Broccoli</option>
      <option>Carrot</option>
   </optgroup>
</select>

Details

About

This note is about …

See Also

• HTML Code
• Hyper Text Markup Language (HTML)
• Cascading Style Sheets (CSS)
• JavaScript Map of Content

---

Appendix

Note created on 2024-04-18 and last modified on 2024-04-18.

Backlinks

LIST FROM [[HTML - Enhanced Dropdown Menus]] AND -"CHANGELOG" AND -"04-RESOURCES/Code/HTML/HTML - Enhanced Dropdown Menus"

---

(c) No Clocks, LLC | 2024