Logo for FormBackend
✍️

Free HTML Registration Form Generator

Generate a free HTML registration form for events, workshops and courses. See a full sample form, copy the code, and get submissions by email.

registration-form.html
Preview Code

Settings

Overrides the theme's button color

Sample HTML registration form

<form action="https://www.formbackend.com/f/{unique-token} 🔥🔥🔥 CHANGE THIS" method="POST" class="formbackend-form">
  <div class="formbackend-field">
    <label for="name">Your name</label>
    <input type="text" id="name" name="name" placeholder="First and Last" required="true">
  </div>

  <div class="formbackend-field">
    <label for="email">Your email</label>
    <input type="email" id="email" name="email" placeholder="user@example.com" required="true">
  </div>

  <div class="formbackend-field">
    <label for="street_address">Street Address</label>
    <input type="text" id="street_address" name="street_address" placeholder="Street" required="true">
  </div>

  <div class="formbackend-field">
    <label for="city">City</label>
    <input type="text" id="city" name="city" placeholder="Street" required="true">
  </div>

  <div class="formbackend-field">
    <label for="zipcode">City</label>
      <select name="state" required="true">
        <option value="" selected="" disabled="">State</option>
      	<option value="AL">Alabama</option>
      	<option value="AK">Alaska</option>
      	<option value="AZ">Arizona</option>
      	<option value="AR">Arkansas</option>
      	<option value="CA">California</option>
      	<option value="CO">Colorado</option>
      	<option value="CT">Connecticut</option>
      	<option value="DE">Delaware</option>
      	<option value="DC">District Of Columbia</option>
      	<option value="FL">Florida</option>
      	<option value="GA">Georgia</option>
      	<option value="HI">Hawaii</option>
      	<option value="ID">Idaho</option>
      	<option value="IL">Illinois</option>
      	<option value="IN">Indiana</option>
      	<option value="IA">Iowa</option>
      	<option value="KS">Kansas</option>
      	<option value="KY">Kentucky</option>
      	<option value="LA">Louisiana</option>
      	<option value="ME">Maine</option>
      	<option value="MD">Maryland</option>
      	<option value="MA">Massachusetts</option>
      	<option value="MI">Michigan</option>
      	<option value="MN">Minnesota</option>
      	<option value="MS">Mississippi</option>
      	<option value="MO">Missouri</option>
      	<option value="MT">Montana</option>
      	<option value="NE">Nebraska</option>
      	<option value="NV">Nevada</option>
      	<option value="NH">New Hampshire</option>
      	<option value="NJ">New Jersey</option>
      	<option value="NM">New Mexico</option>
      	<option value="NY">New York</option>
      	<option value="NC">North Carolina</option>
      	<option value="ND">North Dakota</option>
      	<option value="OH">Ohio</option>
      	<option value="OK">Oklahoma</option>
      	<option value="OR">Oregon</option>
      	<option value="PA">Pennsylvania</option>
      	<option value="RI">Rhode Island</option>
      	<option value="SC">South Carolina</option>
      	<option value="SD">South Dakota</option>
      	<option value="TN">Tennessee</option>
      	<option value="TX">Texas</option>
      	<option value="UT">Utah</option>
      	<option value="VT">Vermont</option>
      	<option value="VA">Virginia</option>
      	<option value="WA">Washington</option>
      	<option value="WV">West Virginia</option>
      	<option value="WI">Wisconsin</option>
      	<option value="WY">Wyoming</option>
      </select>
  </div>

  <div class="formbackend-field">
    <label for="zipcode">City</label>
    <input type="text" id="zipcode" name="zipcode" placeholder="12345" required="true">
  </div>

  <div class="formbackend-field">
    <label for="note">Additional Information</label>
    <textarea type="text" id="note" name="note" placeholder="Any additional information" required="true"></textarea>
  </div>

  <div class="formbackend-field">
    <button type="submit">Send</button>
  </div>
</form>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');

  .formbackend-form { width: 100%; max-width: 400px; font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 400; color: #111827; line-height: 24px; background: #ffffff; }
  .formbackend-form .formbackend-field:not(:first-child) { margin-top: 16px; }
  .formbackend-form label { display: block; font-weight: 500; color: #374151; margin-bottom: 4px; }
  .formbackend-form textarea, .formbackend-form input, .formbackend-form select { width: 100%; border: 1px solid #d1d5db; border-radius: 6px; box-sizing: border-box; display: block; font-family: inherit; font-size: 14px; padding: 10px 12px; background: #ffffff; color: #111827; }
  .formbackend-form textarea { min-height: 100px; }
  .formbackend-form input[type='checkbox'] { width: 15px; height: 15px; margin: 0 8px 0 0; display: inline-block; }
  .formbackend-form .form-checkbox { display: flex; align-items: center; }
  .formbackend-form ::placeholder { color: #9ca3af; opacity: 1; }
  .formbackend-form button { background-color: #111827; color: #ffffff; border: none; border-radius: 6px; cursor: pointer; padding: 10px 20px; font-weight: 500; font-family: inherit; font-size: 14px; }
  .formbackend-form button:hover { opacity: 0.9; }
</style>

Free HTML Registration Form — When to Use It

Whether you're running a workshop, webinar, conference, or online course, you need a registration form that collects attendee details reliably. This generator creates an HTML registration form with fields for name, email, organization, and any additional information you need.

The registration form template is designed for event and service signups. Connect it to FormBackend to track registrations, send automatic confirmation emails to registrants, and export your attendee list as CSV.

Need a different kind of form? This is one of several form types you can build with our free HTML form generator — start there to compare contact, survey, booking, registration, and order form templates in one place.

Frequently Asked Questions

Can I send a confirmation email to registrants?

Yes. FormBackend supports auto-response emails, so each person who submits the registration form can automatically receive a confirmation with event details.

Can I limit the number of registrations?

The form itself doesn't enforce a cap. You can monitor registration count in your FormBackend dashboard and disable the form endpoint when you've reached capacity.

Can I collect payment with the registration form?

This generator creates an HTML form for collecting information only. For payment collection, you'd need to integrate a payment processor like Stripe alongside the form.

Other Form Generators

📧
HTML Contact Form Generator

Create a contact form, to collect name, email and a message
🎉
HTML RSVP Form Generator

Collect information from attendees to an event or party.
📊
HTML Survey Form Generator

Create a survey form to gather feedback from your customers.
📅
HTML Booking Form Generator

Create a booking form to manage appointments and bookings.
📬
HTML Newsletter Form Generator

Create a newsletter form to collect email addresses.
🏢
HTML Department Contact Form Generator

Create a contact form, to collect name, email and a message for a specific department
🛟
HTML Support Form Generator

Create a support form, to collect name, email and a message
🛍️
HTML Order Form Generator

Collect product orders with quantities, shipping details, and notes.
📄
HTML Application Form Generator

Accept job or program applications with experience and cover letter fields.