mdLib/md/contact/contact_web3forms.md

<form id="contact_form" action="https://api.web3forms.com/submit" method="POST">

    <!-- 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. -->
    [email]:
    <br>
    <input type="email" style="width: 500px;" name="Email" required>
    <br>
    <br>

    [JCON_1]
    [phone]:
    <br>
    <input type="text" style="width: 500px;" name="Phone Number">
    <br>
    <br>
    [1_JCON]

    [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-->
    <button type="submit">Send message</button>

</form>

<!--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-->