top of page

2) HTML Form Example

  • Mahesh
  • Jun 30, 2017
  • 1 min read

Hai , I wrote one basic html code for creating a form . Before this article I provided necessary theory notes or details to create these forms ... have a look , Thank You

The Source Code : -

<html> <head> <title> Admission form </title> <style> th{text-align:left} </style> </head> <body>

<table frame=box align=center border=2 width=50% rules=rows bgcolor=lightblue>

<caption> <h2>Canara College <br> M.G Road <br> Manglore <br</h2>

<tr><th width=40%>Candidate Name <th width=2%>:<th><input type=text size=50 maxlength=20>

<tr><th>Father Name <th>:<th> <input type=text size=50 maxlength=20>

<tr><th>Permanent Address<th>:<th><textarea rows=5 cols=35></textarea>

<tr><th>Contact Us <th>:<th><input type=text size=50 maxlength=20>

<tr><th>Email-id<th>:<th><input type=text size=50 maxlength=20>

<tr><th>Gender <th>:<th><input type=radio name=gender>Male<input type=radio name=gender>Female

<tr><th>DOB<th>:<th>DD<input type=text size=1 maxlength=1><input type=text size=1 maxlength=1>MM<input type=text size=1 maxlength=1><input type=text size=1 maxlength=1>YY<input type=text size=1 maxlength=1><input type=text size=1 maxlength=1>

<tr><th>Course required <th>:<th> <select><option>BCA<option>BCOM<option>BBA<option>BBM</select>

<tr><th> previous college studied<th>:<th> <input type=text size=50 maxlength=20>

<tr><th>Subject studies <th>:<th><input type=text size=50 maxlength=20>

<tr><th>Percentage of marks <th>:<th><input type=text size=50 maxlength=3>

<tr><th>Language you know<th>:<th><select><option>English<option>Hindi<option>Other </select>

<tr><th>Your Hobbies <th>:<th><input type=checkbox>Reading<input type=checkbox>Dancing <input type=checkbox>Writing <input type=checkbox>Coding

<tr><th colspan=3><br><hr color=blue>

<tr><td align=center colspan=3><input type=submit value="Submit">

<input type=Reset value="reset">

</body> </html>

Comments


Recent Posts

© 2023 by Kathy Schulders. Proudly created with Wix.com 

  • Grey Twitter Icon
bottom of page