Download this file
| 1 | <!doctype html> |
| 2 | <html lang="en" dir="ltr"> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| 5 | <meta name="viewport" content="width=device-width"> |
| 6 | <title>field-select: Hand-written, with optgroups</title> |
| 7 | <link rel="stylesheet" href="../../css/tokens.css"> |
| 8 | <link rel="stylesheet" href="../../css/themes/day.css"> |
| 9 | <script defer src="../../js/light.js"></script> |
| 10 | <script defer src="../../js/select.js"></script> |
| 11 | </head> |
| 12 | <body> |
| 13 | <section rst-box><form rst-form method="post" action="#"><div rst-field><label rst-field-label for="sel_grouped">Region</label> |
| 14 | <select rst-input id="sel_grouped" name="sel_grouped" data-rst-select data-rst-select-filter="Type to filter" data-rst-select-results="{n} results" data-rst-select-result-one="1 result" data-rst-select-no-matches="No matches"> |
| 15 | <optgroup label="Europe"><option value="dublin" selected>Dublin</option><option value="lisbon">Lisbon</option><option value="warsaw">Warsaw</option></optgroup> |
| 16 | <optgroup label="Americas"><option value="montreal">Montréal</option><option value="lima">Lima</option><option value="austin">Austin</option></optgroup> |
| 17 | <optgroup label="Asia"><option value="osaka">Osaka</option><option value="hanoi">Hanoi</option><option value="dhaka">Dhaka</option></optgroup> |
| 18 | <optgroup label="Africa"><option value="accra">Accra</option><option value="nairobi">Nairobi</option><option value="tunis">Tunis</option></optgroup> |
| 19 | </select> |
| 20 | </div></form></section> |
| 21 | </body> |
| 22 | </html> |
| 23 | |
amadan