Web3Forms
Search…
Raw Contact Form

HTML

1
<!--
2
=======================================================================
3
4
This is a working contact form. To receive email,
5
Replace YOUR_ACCESS_KEY_HERE with your actual Access Key.
6
7
Create Access Key here 👉 https://web3forms.com/
8
9
=======================================================================
10
-->
11
12
<form action="https://api.web3forms.com/submit" method="POST" id="form">
13
<fieldset>
14
<legend>Contact Form</legend>
15
<input type="hidden" name="apikey" value="YOUR_ACCESS_KEY_HERE" />
16
<input type="hidden" name="subject" value="New Submission from Web3Forms" />
17
<input
18
type="hidden"
19
name="redirect"
20
value="https://web3forms.com/success"
21
/>
22
<input type="checkbox" name="botcheck" id="" style="display: none;" />
23
<div>
24
<label for="name">Full Name</label><br />
25
<input
26
type="text"
27
name="name"
28
id="name"
29
placeholder="John Doe"
30
required
31
/>
32
<br /><br />
33
</div>
34
<div>
35
<label for="email">Email Address</label><br />
36
<input
37
type="email"
38
name="email"
39
id="email"
40
placeholder="[email protected]"
41
required
42
/><br /><br />
43
</div>
44
<div>
45
<label for="phone">Phone Number</label>
46
<br />
47
<input
48
type="text"
49
name="phone"
50
id="phone"
51
placeholder="+1 (555) 1234-567"
52
required
53
/><br /><br />
54
</div>
55
<div>
56
<label for="message">Your Message</label>
57
<br />
58
<textarea
59
rows="5"
60
name="message"
61
id="message"
62
placeholder="Your Message"
63
required
64
></textarea
65
><br /><br />
66
</div>
67
68
<button type="submit">Send Message</button>
69
</fieldset>
70
</form>
Copied!

CSS

1
form {
2
max-width: 500px;
3
margin: 150px auto;
4
}
5
6
fieldset {
7
padding: 30px;
8
}
9
10
input,
11
textarea,
12
button {
13
width: 100%;
14
}
Copied!
Last modified 8mo ago
Copy link
Contents
HTML
CSS