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>form-layout: default</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 | <form rst-form-flow method="post" action="/settings"> |
| 13 | <div rst-field> |
| 14 | <label rst-field-label for="name">Name</label> |
| 15 | <input rst-input type="text" id="name" name="name"> |
| 16 | </div> |
| 17 | <div rst-field> |
| 18 | <label rst-field-label for="email">Email</label> |
| 19 | <input rst-input type="email" id="email" name="email"> |
| 20 | </div> |
| 21 | <div rst-field-row> |
| 22 | <div class="rst-grow" rst-field> |
| 23 | <label rst-field-label for="city">City</label> |
| 24 | <input rst-input type="text" id="city" name="city"> |
| 25 | </div> |
| 26 | <div rst-field> |
| 27 | <label rst-field-label for="zip">ZIP</label> |
| 28 | <input rst-input="short" type="text" id="zip" name="zip"> |
| 29 | </div> |
| 30 | </div> |
| 31 | <div rst-form-bar> |
| 32 | <span rst-form-bar-note>Changes save immediately.</span> |
| 33 | <div rst-form-actions> |
| 34 | <a rst-btn href="/settings">Cancel</a> |
| 35 | <button rst-btn="primary" type="submit">Save</button> |
| 36 | </div> |
| 37 | </div> |
| 38 | </form> |
| 39 | </body> |
| 40 | </html> |
| 41 | |
amadan