HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Contact Form</title>

  <style>

    body { font-family: system-ui, sans-serif; padding: 1.5rem; max-width: 400px; }

    label { display: block; font-weight: 600; margin-top: 0.75rem; }

    input, textarea { width: 100%; padding: 8px; margin: 4px 0 12px; box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: 6px; }

    button { padding: 0.5rem 1rem; background: #2563eb; color: #fff; border: none; border-radius: 6px; cursor: pointer; }

  </style>

</head>

<body>

  <h1>Contact Us</h1>

  <form action="/contact" method="post" onsubmit="event.preventDefault();alert('Demo submit');">

    <label for="name">Name:</label>

    <input type="text" id="name" name="name" required>



    <label for="email">Email:</label>

    <input type="email" id="email" name="email" required>



    <label for="msg">Message:</label>

    <textarea id="msg" name="message" rows="3"></textarea>



    <button type="submit">Send</button>

  </form>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Tags — Simple Contact Form