Designing Enquiry Form
×
Home Courses Community Support
Designing Enquiry Form

For a web enquiry form, Name, Phone, Email and Message/Query are the main basic field. We have used such form in website explained in previous module. You can download the code from download section.

Let's understand the basics of code for web form, given on contact page-

<!docty html>
<html>
<head>
	<style>
	.space{
	margin-left:50px;
	margin-bottom:20px;
	}
	.msq{
	margin-left:35px;
	}	
	.btn{
	margin-left:95px;
	margin-top:35px;
	}	
	</style>
</head>
<body>
<h2>Contact Us</h2>
<form>

<label>Name</label> <input  class="space" name="userName" type="text" > <br>
<label>Phone</label> <input  class="space" name="userPhone" type="text"> <br>
<label>Email</label> <input  class="space" name="userEmail" type="text"> <br>
<label>Message</label> <textarea  class="msq" rows="5" cols="40" name="userMsg"> </textarea> <br>
<input class="btn" type="submit" name="submit">
</form>

</body>
</html>


Your web enquiry form has been created. Copy paste above code in CodeLAB to check output or check it on your local machine.

 

← Preview

Simple form Submission

Next →

Validating Form

NOTES

Our mission is to provide highly effective and quality education via innovative solutions. Geeksdemy look forward to bridge the gap between in-demand technology and academics in order to deliver innovative, easy, interesting and affordable learning across the Globe.

Courses

  • Python
  • Game Development with Unity 3D
  • Arduino
  • PCB & Circuit Designing
  • Robotics and Embedded C
  • 8051/8052 Embedded Systems
  • QuadCopter & UAV
  • MATLAB with Robotics
  • Raspberry Pi
Learn On the Go!
Get the Android App
Get the iOS App