Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head> <title>Basic Form</title> <style> form { max-width: 400px; padding: 20px; font-family: Arial; } label { display: block; margin-top: 12px; font-weight: bold; } input { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; } button { margin-top: 16px; padding: 10px 24px; background: #6366f1; color: white; border: none; border-radius: 4px; cursor: pointer; } </style> </head> <body> <form> <label for="name">Name:</label> <input type="text" id="name" placeholder="Your name"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.com"> <button type="submit">Submit</button> </form> </body> </html>
Result
Open