Forms, Validation, and CSRF Protection

Validate input, reject malformed submissions, and redirect after success.

Edit the panels below and press Run to preview. Nothing you type here is saved — refreshing the page restores the original starter code.

<form class="contact-form">
  <label for="name">Name</label>
  <input id="name" type="text">
  <label for="email">Email</label>
  <input id="email" type="email">
  <button type="submit">Send</button>
</form>

.contact-form {
  max-width: 30rem;
  display: grid;
  gap: 0.75rem;
}

console.log("CSRF lesson loaded");