Skip to content
Omni Academy
Search courses and lessons
Search
Courses
Backend Development
9
Databases
1
Frontend Development
5
Data Science
5
All courses →
Playground
HTML & CSS
JavaScript
TypeScript
Python
PHP
Ruby
Light
Dark
Auto
Sign in
Get started
All
Backend Development
Databases
Frontend Development
Data Science
Playground
Blog
HTML
JS
TS
PY
PHP
RB
← Courses
📄
A labelled form
Run as I type
Reset
▶
Run
Ctrl
↵
HTML
HTML & CSS source code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Sign up</title> <style> body { font: 16px/1.6 system-ui, sans-serif; margin: 2rem; } label { display: block; font-weight: 600; margin-top: 1rem; } input { padding: .5rem; width: 100%; max-width: 20rem; } button { margin-top: 1.25rem; padding: .6rem 1.2rem; } </style> </head> <body> <h1>Sign up</h1> <form> <label for="email">Email address</label> <input id="email" name="email" type="email" autocomplete="email" required> <label for="password">Password</label> <input id="password" name="password" type="password" autocomplete="new-password" minlength="12" required> <button type="submit">Create account</button> </form> <p>Submit it empty and watch the browser validate for you.</p> </body> </html>
Output
Rendered by your browser