Widget: Selection list - HTML


/ Published in: HTML
Save to your folder(s)

Markup for a nested list of checkboxes.


Copy this code and paste it in your HTML
  1. <ul class="selectionlist">
  2. <li><input type="checkbox" />Level 1 Item 1
  3. <ul>
  4. <li><input type="checkbox" />Level 2 Item 1
  5. <ul>
  6. <li><input type="checkbox" />Level 3 Item 1</li>
  7. <li><input type="checkbox" />Level 3 Item 2</li>
  8. <li><input type="checkbox" />Level 3 Item 3</li>
  9. <li><input type="checkbox" />Level 3 Item 4</li>
  10. <li><input type="checkbox" />Level 3 Item 5</li>
  11. </ul>
  12. </li>
  13. <li><input type="checkbox" />Level 2 Item 2</li>
  14. <li><input type="checkbox" />Level 2 Item 3</li>
  15. <li><input type="checkbox" />Level 2 Item 4</li>
  16. <li><input type="checkbox" />Level 2 Item 5</li>
  17. </ul>
  18. </li>
  19. <li><input type="checkbox" />Level 1 Item 2</li>
  20. <li><input type="checkbox" />Level 1 Item 3</li>
  21. <li><input type="checkbox" />Level 1 Item 4</li>
  22. <li><input type="checkbox" />Level 1 Item 5</li>
  23. </ul>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.