Web3Forms
Search…
Raw Contact Form

HTML

<!--
=======================================================================
This is a working contact form. To receive email,
Replace YOUR_ACCESS_KEY_HERE with your actual Access Key.
Create Access Key here 👉 https://web3forms.com/
=======================================================================
-->
<form action="https://api.web3forms.com/submit" method="POST" id="form">
<fieldset>
<legend>Contact Form</legend>
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE" />
<input type="hidden" name="subject" value="New Submission from Web3Forms" />
<input
type="hidden"
name="redirect"
value="https://web3forms.com/success"
/>
<input type="checkbox" name="botcheck" id="" style="display: none;" />
<div>
<label for="name">Full Name</label><br />
<input
type="text"
name="name"
id="name"
placeholder="John Doe"
required
/>
<br /><br />
</div>
<div>
<label for="email">Email Address</label><br />
<input
type="email"
name="email"
id="email"
placeholder="[email protected]"
required
/><br /><br />
</div>
<div>
<label for="phone">Phone Number</label>
<br />
<input
type="text"
name="phone"
id="phone"
placeholder="+1 (555) 1234-567"
required
/><br /><br />
</div>
<div>
<label for="message">Your Message</label>
<br />
<textarea
rows="5"
name="message"
id="message"
placeholder="Your Message"
required
></textarea
><br /><br />
</div>
<button type="submit">Send Message</button>
</fieldset>
</form>

CSS

form {
max-width: 500px;
margin: 150px auto;
}
fieldset {
padding: 30px;
}
input,
textarea,
button {
width: 100%;
}
Copy link
On this page
HTML
CSS