Generate a free HTML RSVP form for weddings, parties and events. Track guests, plus-ones and dietary needs. Copy-paste code, no signup required.
<form action="🔥🔥🔥 CHANGE THIS 🔥🔥🔥" method="POST" class="formbackend-form">
<div class="formbackend-field">
<label for="name">Your Name</label>
<input type="name" id="name" name="name" placeholder="John Doe" required="true">
</div>
<div class="formbackend-field">
<label for="email">Your Email</label>
<input type="email" id="email" name="email" placeholder="johndoe@example.com" required="true">
</div>
<div class="formbackend-field">
<label for="phone_number">Your Phone Number</label>
<input type="text" id="phone_number" name="phone_number" placeholder="### ### ####" required="true">
</div>
<div class="formbackend-field">
<label for="people_attending">Number of people attending</label>
<select id="people_attending" name="people_attending">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</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>
<form action="🔥🔥🔥 CHANGE THIS 🔥🔥🔥" method="POST" class="formbackend-form">
<div class="formbackend-field">
<label for="name">Your Name</label>
<input type="name" id="name" name="name" placeholder="John Doe" required="true">
</div>
<div class="formbackend-field">
<label for="email">Your Email</label>
<input type="email" id="email" name="email" placeholder="johndoe@example.com" required="true">
</div>
<div class="formbackend-field">
<label for="phone_number">Your Phone Number</label>
<input type="text" id="phone_number" name="phone_number" placeholder="### ### ####" required="true">
</div>
<div class="formbackend-field">
<label for="people_attending">Number of people attending</label>
<select id="people_attending" name="people_attending">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</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>
Managing event attendance starts with a good RSVP form. This generator creates an HTML form that collects guest names, email addresses, attendance confirmations, and any additional details you need — perfect for weddings, parties, corporate events, or meetups.
The RSVP form includes fields for attendee information and dietary preferences or plus-one details. Connect it to FormBackend to track responses in a dashboard, export them as CSV, or set up email notifications for each new RSVP.
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.
The form itself doesn't enforce a cap, but you can monitor submissions in your FormBackend dashboard and close the form endpoint when you reach capacity.
Each submission is recorded separately. You can ask guests to resubmit if their plans change, and manage duplicates in your dashboard.
Yes. After copying the code, you can add any additional fields like a plus-one name, number of guests, or meal preference.
Create a contact form, to collect name, email and a message
Create a survey form to gather feedback from your customers.
Create a booking form to manage appointments and bookings.
Create a newsletter form to collect email addresses.
Create a registration form to let users sign up for your event, workshop etc.
Create a contact form, to collect name, email and a message for a specific department
Create a support form, to collect name, email and a message
Collect product orders with quantities, shipping details, and notes.
Accept job or program applications with experience and cover letter fields.
Generate a free HTML RSVP form for weddings, parties and events. Track guests, plus-ones and dietary needs. Copy-paste code, no signup required.