3.0 KiB
3.0 KiB
<!-- REQUIRED: Your Access key here. Don't worry this can be public -->
<input type="hidden" name="access_key" value="9d4fd4c8-7404-469c-8ab9-75a852f89d00">
<!-- Optional: Subject an be prefilled using type="hidden"
or type="text" for normal user submitted input -->
<input type="hidden" name="subject" value="[frodr.com] New submission">
<!-- Optional: From Name you want to see in the email
Default is "Notifications". you can overwrite here -->
<input type="hidden" name="from_name" value="frodr.com">
<!-- Optional: To send the form submission as CC email
This feature available to PRO Plan users only -->
<!--input type="hidden" name="ccemail" value="partner@example.com"-->
<!-- Optional: Default replyto will be "email" (if available)
you may overwrite replyto with different email here -->
<!--input type="hidden" name="replyto" value="customer@example.com"-->
<!-- Required: If submitting form without Javascript.
Default web3forms output is in JSON format. -->
<!-- Not Required: If javascript, use "window.location.hash" instead -->
<!--input type="hidden" name="redirect" value="https://web3forms.com/success"-->
<!-- Optional: But Recommended: To Prevent SPAM Submission.
Make sure its hidden by default -->
<input type="checkbox" name="botcheck" class="hidden" style="display: none;">
<!-- Webhooks: Send your form data to Notion, Google Sheets or Zapier.
This feature available to PRO & Starter Plan users only -->
<!--input type="hidden" name="webhook" value="WEBHOOK_URL_HERE" /-->
<!-- Google reCaptcha v3: To Prevent SPAM Submission.
This feature available to PRO & Starter Plan users only -->
<!--input type="hidden" name="recaptcha_response" id="recaptchaResponse"-->
<!-- Attachments: Make sure the <form> has enctype="multipart/form-data"
This feature available to PRO Plan users only -->
<!--input type="file" name="attachment" /-->
<!-- Custom Form Data: Form data you wish to receive in email. -->
E-mail:
<br>
<input type="email" style="width: 500px;" name="Email" required>
<br>
<br>
Name:
<br>
<input type="text" style="width: 500px;" name="Name" required>
<br>
<br>
Message:
<br>
<textarea name="message" maxlength="1000" style="width: 500px; height: 250px;" required></textarea>
<br>
<br>
<div class="h-captcha" data-captcha="true"></div>
<br>
<button type="submit">Send message</button>
<script src="https://web3forms.com/client/script.js" async defer></script>
<script>
const form = document.getElementById('contact_form');
form.addEventListener('submit', function(e) {
const hCaptcha = form.querySelector('textarea[name=h-captcha-response]').value;
if (!hCaptcha) {
e.preventDefault();
alert("Please fill out captcha field")
return
}
});
</script>