Make it yours
Replace the endpoint with your own form ID. Update the privacy wording to describe your actual use of the submitted data.
Native submission works without JavaScript. New non-spam submissions are emailed to the owner’s verified email after signing in once through an emailed link. You can also use the dashboard or integrations. File uploads: not yet.
HTML
<form class="contact-form" action="https://formdrop.wouldairecommend.workers.dev/f/YOUR_FORM_ID" method="POST">
<label for="name">Your name</label>
<input id="name" name="name" autocomplete="name" required>
<label for="email">Email</label>
<input id="email" name="email" type="email" autocomplete="email" required>
<label for="availability">When are you available?</label>
<input id="availability" name="availability" type="text" required>
<input name="_gotcha" tabindex="-1" autocomplete="off" hidden>
<p>We will use these details to respond to your request.</p>
<button type="submit">Send request</button>
</form>CSS
.contact-form { max-width: 32rem; display: grid; gap: .75rem; font: 1rem/1.5 system-ui; }
.contact-form input, .contact-form textarea, .contact-form button { font: inherit; padding: .75rem; border: 1px solid #777; border-radius: .5rem; }
.contact-form textarea { min-height: 8rem; }
.contact-form button { background: #14684c; color: white; cursor: pointer; }
.contact-form :focus-visible { outline: 3px solid #0ea371; outline-offset: 3px; }