Dec 29, 2021
How to create a responsive contact form using HTML
What is a contact form?
Contact form is the way to connect your visitor with you. That is why a contact form is a very important facet of a website. Using a contact form you get your visitor information just like your visitor name, email address, and phone number. A contact form affects your user to believe in your website. That’s why you need a contact form on your website.
How do we create a contact form?
In this blog, I will tell you how to create a responsive contact form easily. If you want to create a contact form then you know about HTML, CSS, and some time JS. But don’t worry If you need a contact form fast then Adoff Framework helps you to create a responsive contact form. If you want to know how to use Adoff Framework then you click here
Contact Form Source Code
First, you create a file that index.html, Then open the file of any code editor(Notepad, Visual Studio Code, Atom, Sublime Text Editor) after opening the file you just paste this code and save it.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Crate a contact form using Adoff Framework</title>
<link rel="stylesheet" href="https://cdn.adoff.net/cdn-v-1-0/main.min.css">
</head>
<body>
<section class="main-form41">
<form class="main-form-form41" action="#">
<h2 class="main-heading-form41">Contact Us</h2>
<input class="name-form41" type="text" placeholder="Full name"><br>
<input class="email-form41" type="email" placeholder="E-mail address"><br>
<textarea class="message-form41" name="#" id="#" placeholder="Message"></textarea><br>
<input class="submit-form41" type="submit">
</form>
</section>
</body>
</html>Your Contact Form is ready now open the file in any browser you want.
Thanks for reading this content.
