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: Required, with an error</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 | </head> |
| 11 | <body> |
| 12 | <section rst-box><form rst-form method="post" action="#"><div rst-field><label rst-field-label for="sel_error">Role</label> |
| 13 | <select rst-input id="sel_error" name="sel_error" required aria-invalid="true" aria-describedby="sel_error-error"><option value="admin" selected>Admin</option><option value="editor">Editor</option><option value="member">Member</option></select> |
| 14 | <p rst-field-error id="sel_error-error" role="alert">Pick a role for this person.</p> |
| 15 | </div></form></section> |
| 16 | </body> |
| 17 | </html> |
| 18 | |