JSFiddle - React, Tailwind, and code Playground

by steadily

HTML

<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="fb8b53d0-ac19-4a2c-bc48-24d1825dde17">

  <!-- Optional: Subject an be prefilled using type="hidden"
       or type="text" for normal user submitted input -->
  <input type="hidden" name="subject" value="New Submission from Web3Forms">

  <!-- Optional: From Name you want to see in the email
       Default is "Notifications". you can overwrite here -->
  <input type="hidden" name="from_name" value="Your Website Name">

  <!-- Optional: To send the form submission as CC email
       This feature available to PRO Plan users only -->
  <input type="hidden" name="ccemail" value="[email protected]">

  <!-- Optional: Default replyto will be "email" (if available)
       you may overwrite replyto with different email here -->
  <input type="hidden" name="replyto" value="[email protected]">

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


  <!-- Custom Form Data: Form data you wish to receive in email. -->
  <input type="email" name="email" required>
  <input type="text" name="First Name" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>

</form>

<!-- Need more help? Visit https://docs.web3forms.com -->