index.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Value selector</title>
  6. <link rel="stylesheet" href="../value_selector.css">
  7. <!--
  8. This <style> and <link> is only used for the example code, is no needed for the real case use
  9. -->
  10. <style type="text/css">
  11. html, body { font-size: 10px; margin: 0; padding: 0; }
  12. </style>
  13. </head>
  14. <body>
  15. <form role="dialog" data-type="value-selector">
  16. <section class="scrollable">
  17. <h1>Select</h1>
  18. <ol role="listbox">
  19. <li role="option"><label role="presentation"> <span>None</span></label></li>
  20. <li role="option"><label role="presentation"> <span>At time of event</span></label></li>
  21. <li role="option"><label role="presentation"> <span>5 minutes before</span></label></li>
  22. <li role="option"><label role="presentation"> <span>15 minutes before</span></label></li>
  23. <li role="option" aria-selected="true"><label role="presentation"> <span>30 minutes before</span></label></li>
  24. <li role="option"><label role="presentation"> <span>1 hour before</span></label></li>
  25. <li role="option"><label role="presentation"> <span>2 hours before</span></label></li>
  26. <li role="option"><label role="presentation"> <span>1 day before</span></label></li>
  27. </ol>
  28. </section>
  29. <menu>
  30. <button class="affirmative full">OK</button>
  31. </menu>
  32. </form>
  33. </body>
  34. </html>