12345678910111213141516171819202122232425262728293031323334353637383940 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Value selector</title>
- <link rel="stylesheet" href="../value_selector.css">
- <!--
- This <style> and <link> is only used for the example code, is no needed for the real case use
- -->
- <style type="text/css">
- html, body { font-size: 10px; margin: 0; padding: 0; }
- </style>
- </head>
- <body>
- <form role="dialog" data-type="value-selector">
- <section class="scrollable">
- <h1>Select</h1>
- <ol role="listbox">
- <li role="option"><label role="presentation"> <span>None</span></label></li>
- <li role="option"><label role="presentation"> <span>At time of event</span></label></li>
- <li role="option"><label role="presentation"> <span>5 minutes before</span></label></li>
- <li role="option"><label role="presentation"> <span>15 minutes before</span></label></li>
- <li role="option" aria-selected="true"><label role="presentation"> <span>30 minutes before</span></label></li>
- <li role="option"><label role="presentation"> <span>1 hour before</span></label></li>
- <li role="option"><label role="presentation"> <span>2 hours before</span></label></li>
- <li role="option"><label role="presentation"> <span>1 day before</span></label></li>
- </ol>
- </section>
- <menu>
- <button class="affirmative full">OK</button>
- </menu>
- </form>
- </body>
- </html>
|