Posted By

jofan on 03/04/10


Tagged

list html widget selection


Versions (?)

Widget: Selection list - HTML


 / Published in: HTML
 

Markup for a nested list of checkboxes.

  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  

You need to login to post a comment.