formservice.dev

Form Templates

Copy-paste ready HTML form templates. Replace YOUR_KEY with your unique API key and you're ready to go.

Contact Form

A classic contact form with name, email, and message fields. Perfect for landing pages, portfolios, and business websites.

Live Preview

Try it out! This form demonstrates how the template works in action.

HTML Code

<form action="https://www.formservice.dev/api/submit" method="POST">
  <input type="hidden" name="accessKey" value="YOUR_KEY"></input>
  <input type="hidden" name="subject" value="New Contact Request"></input>
  <input type="hidden" name="redirect" value="https://www.your-site.com"></input>

  <label for="name">Name</label>
  <input type="text" id="name" name="name" required></input>

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required></input>
  
  <label for="message">Message</label>
  <textarea id="message" name="message" rows="5" required></textarea>
  
  <button type="submit">Send Message</button>
</form>

Newsletter Subscription Form

A simple email subscription form for newsletters and mailing lists. Perfect for blogs, landing pages, and marketing campaigns.

Live Preview

Try it out! This form demonstrates how the newsletter subscription template works.

HTML Code

<form action="https://www.formservice.dev/api/submit" method="POST">
  <input type="hidden" name="accessKey" value="YOUR_KEY"></input>
  <input type="hidden" name="subject" value="New Subscription"></input>
  <input type="hidden" name="redirect" value="https://www.your-site.com"></input>

  <label for="email">Email Address</label>
  <input type="email" id="email" name="email" placeholder="Enter your email" required>
  
  <button type="submit">Subscribe</button>
</form>

Table Reservation Form

A comprehensive reservation form for restaurants and hospitality businesses. Collects all essential booking information including date, time, and party size.

Live Preview

Try it out! This form demonstrates how the table reservation template works.

HTML Code

<form action="https://www.formservice.dev/api/submit" method="POST">
  <input type="hidden" name="accessKey" value="YOUR_KEY"></input>
  <input type="hidden" name="subject" value="New Reservation"></input>
  <input type="hidden" name="redirect" value="https://www.your-site.com"></input>

  <label for="name">Full Name</label>
  <input type="text" id="name" name="name" required></input>
  
  <label for="email">Email</label>
  <input type="email" id="email" name="email" required></input>
  
  <label for="phone">Phone Number</label>
  <input type="tel" id="phone" name="phone" required></input>
  
  <label for="date">Reservation Date</label>
  <input type="date" id="date" name="date" required></input>
  
  <label for="time">Preferred Time</label>
  <input type="time" id="time" name="time" required></input>
  
  <label for="guests">Number of Guests</label>
  <input type="number" id="guests" name="guests" min="1" max="20" required></input>
  
  <button type="submit">Reserve Table</button>
</form>

Bug Report Form

A comprehensive bug reporting form for software and web applications. Collects essential information including bug severity and detailed descriptions to help developers resolve issues efficiently.

Live Preview

Try it out! This form demonstrates how the bug report template works.

HTML Code

<form action="https://www.formservice.dev/api/submit" method="POST">
  <input type="hidden" name="accessKey" value="YOUR_KEY"></input>
  <input type="hidden" name="subject" value="New Reservation"></input>
  <input type="hidden" name="redirect" value="https://www.your-site.com"></input>

  <label for="name">Your 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="title">Bug Title</label>
  <input type="text" id="title" name="title" placeholder="Brief description of the issue" required>
  
  <label for="severity">Severity</label>
  <select id="severity" name="severity" required>
    <option value="">Select severity</option>
    <option value="low">Low</option>
    <option value="medium">Medium</option>
    <option value="high">High</option>
    <option value="critical">Critical</option>
  </select>
  
  <label for="description">Description</label>
  <textarea id="description" name="description" rows="6" placeholder="Steps to reproduce, expected behavior, etc." required></textarea>
  
  <button type="submit">Submit Bug Report</button>
</form>

Availability Inquiry Form

A professional inquiry form for checking availability of services, products, or appointments. Ideal for consultants, freelancers, event venues, and service-based businesses.

Live Preview

Try it out! This form demonstrates how the availability inquiry template works.

HTML Code

<form action="https://www.formservice.dev/api/submit" method="POST">
  <input type="hidden" name="accessKey" value="YOUR_KEY"></input>
  <input type="hidden" name="subject" value="New Reservation"></input>
  <input type="hidden" name="redirect" value="https://www.your-site.com"></input>

  <label for="name">Full 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="phone">Phone Number</label>
  <input type="tel" id="phone" name="phone" required>
  
  <label for="service">Service/Product</label>
  <input type="text" id="service" name="service" placeholder="What are you interested in?" required>
  
  <label for="date">Preferred Date</label>
  <input type="date" id="date" name="date" required>
  
  <label for="details">Additional Details</label>
  <textarea id="details" name="details" rows="4" placeholder="Any specific requirements or questions..."></textarea>
  
  <button type="submit">Check Availability</button>
</form>

Request a Call Back

A convenient form for customers to request a phone call. Perfect for sales teams, customer support, and businesses that want to connect directly with potential clients.

Live Preview

Try it out! This form demonstrates how the callback request template works.

HTML Code

<form action="https://www.formservice.dev/api/submit" method="POST">
  <input type="hidden" name="accessKey" value="YOUR_KEY"></input>
  <input type="hidden" name="subject" value="New Reservation"></input>
  <input type="hidden" name="redirect" value="https://www.your-site.com"></input>

  <label for="name">Full Name</label>
  <input type="text" id="name" name="name" required>
  
  <label for="phone">Phone Number</label>
  <input type="tel" id="phone" name="phone" required>
  
  <label for="email">Email (Optional)</label>
  <input type="email" id="email" name="email">
  
  <label for="preferredTime">Preferred Time to Call</label>
  <select id="preferredTime" name="preferredTime" required>
    <option value="">Select time</option>
    <option value="morning">Morning (9AM - 12PM)</option>
    <option value="afternoon">Afternoon (12PM - 5PM)</option>
    <option value="evening">Evening (5PM - 8PM)</option>
  </select>
  
  <label for="reason">Reason for Call</label>
  <textarea id="reason" name="reason" rows="3" placeholder="Brief description of what you'd like to discuss..."></textarea>
  
  <button type="submit">Request Call Back</button>
</form>

Review and Rating Form

A customer review form with star ratings and detailed feedback. Perfect for e-commerce sites, service businesses, and any platform that values customer testimonials.

Live Preview

Try it out! This form demonstrates how the review and rating template works.

HTML Code

<form action="https://www.formservice.dev/api/submit" method="POST">
  <input type="hidden" name="accessKey" value="YOUR_KEY"></input>
  <input type="hidden" name="subject" value="New Reservation"></input>
  <input type="hidden" name="redirect" value="https://www.your-site.com"></input>

  <label for="name">Your 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="rating">Rating</label>
  <select id="rating" name="rating" required>
    <option value="">Select rating</option>
    <option value="5">5 Stars - Excellent</option>
    <option value="4">4 Stars - Very Good</option>
    <option value="3">3 Stars - Good</option>
    <option value="2">2 Stars - Fair</option>
    <option value="1">1 Star - Poor</option>
  </select>
  
  <label for="title">Review Title</label>
  <input type="text" id="title" name="title" placeholder="Summarize your experience" required>
  
  <label for="review">Your Review</label>
  <textarea id="review" name="review" rows="5" placeholder="Share your experience in detail..." required></textarea>
  
  <button type="submit">Submit Review</button>
</form>