logo

India's First Software Developer Community

Create Interactive Form in HTML5

Hello Friends,
Today WE Learn How To create form to connect with your user,
u can fill this form and send this details to your customer.


<!DOCTYPE html>   
<html>
<head>
<title>W3CodeIndia</title>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
</head>
<body>
<form action="" method="POST">
<label for="Name">Name :</label>
<input type="text" name="name" placeholder="Enter Name" required><br>
<label for="contact">Contact No. :</label>
<input type="tel" name="contact" placeholder="Enter Contact" required><br>
<label for="email">Email :</label>
<input type="email" name="email" placeholder="Enter Email" required><br>
<label for="dob">Date Of Birth :</label>
<input type="date" name="dob" placeholder="Enter Date Of Birth" required><br>
<label for="gender">Gender :</label>
<input type="radio" name="gender" value="Male" required>Male<input type="radio" name="gender" value="Female" required>Female<br>
<label for="hobby">Hobbies :</label>
<input type="checkbox" name="hobbies[]" value="cricket">Cricket<input type="checkbox" name="hobbies[]" value="Football">Football
<input type="checkbox" name="hobbies[]" value="tennis">Tennis<br>
<label for="msg">Message :</label>
<textarea name="msg"></textarea><br>
<input type="submit" name="submit" value="Submit" required>
</form>
</body>
</html>




Subscribe Us :

Chapters :-


Advertisement