Saturday, 2 April 2016

Create a Student Registration form using Table In HTML

Problem:- How to Create Student Registration Form with HTML Code? or HTML Code for Designing of a Registration Form using Table or HTML Code for Designing of a Registration Form using Table or Create A Student Registration Form Using Table In HTML or Create A Form Using HTML Tables or student registration form example in HTML or HTML code for student registration form or HTML Code for Designing of a Registration Form using Table.

How to Solve:- So In this problem, we have to registration form in HTML, as we all know that registration form contains some fields that are Name, Father Name, Postal Address, Personal Address, Sex, City, Course, District, State, Email Id, Mobile Number, date of birth and Pincode. So basically we have to create all these fields where the user can store the information. See the Explanation section for table tags in details.

Explanation:-  Here are some basic tags that are used on the table, with the help of these Tags you can create a full Student Registration Form. After the explanation section tries to modify the code with your code this will help you to find the error and modification value what you change.

<th> Defines a header cell in a table
<tr>  Defines a row in a table
<td> Defines a cell in a table
<caption> Defines a table caption

Tip:- Always create a folder for separate web page file for avoiding unnecessary mixing and irritating. Check the Output below of the program. If you are having any problem highly recommended following the given web page.

Recommendation:- Before going for this assignment follow the given assignment so you can understand all Tags very well.

1. Create an HTML page named as " SimpleTags.html ". with following tags details

2. Create An HTML file to link to different HTML page which contains images, tables.

Note:- If you have a better design than this page and you want to publish your post with all credit than you are welcome to read This.

Solution:-

Table.html

Copy Start From Here

<html>
<head>
<script type="text/javascript" src="validate.js"></script>
</head>
<body bgcolor="aqua" bolder="5">
<form action="#" name="StudentRegistration" onsubmit="return(validate());">

<table cellpadding="2" width="50%" border="10" align="center"cellspacing="2">

<tr>
<td colspan=2>
<center><font size=4><b>Student Registration Form</b></font></center>
</td>
</tr>

<tr>
<td>Name</td>
<td><input type=text name=textnames id="textname" size="30"></td>
</tr>

<tr>
<td>Father Name</td>
<td><input type="text" name="fathername" id="fathername"
size="30"></td>
</tr>
<tr>
<td>Postal Address</td>
<td><input type="text" name="paddress" id="paddress" size="30"></td>
</tr>

<tr>
<td>Personal Address</td>
<td><input type="text" name="personaladdress"
id="personaladdress" size="30"></td>
</tr>

<tr>
<td>Sex</td>
<td><input type="radio" name="sex" value="male" size="10">Male
<input type="radio" name="sex" value="Female" size="10">Female</td>
</tr>

<tr>
<td>City</td>
<td><select name="City">
<option value="-1" selected>select..</option>
<option value="New Delhi">NEW DELHI</option>
<option value="Mumbai">MUMBAI</option>
<option value="Goa">GOA</option>
<option value="Patna">PATNA</option>
</select></td>
</tr>

<tr>
<td>Course</td>
<td><select name="Course">
<option value="-1" selected>select..</option>
<option value="B.Tech">B.TECH</option>
<option value="MCA">MCA</option>
<option value="MBA">MBA</option>
<option value="BCA">BCA</option>
</select></td>
</tr>

<tr>
<td>District</td>
<td><select name="District">
<option value="-1" selected>select..</option>
<option value="Nalanda">NALANDA</option>
<option value="UP">UP</option>
<option value="Goa">GOA</option>
<option value="Patna">PATNA</option>
</select></td>

</tr>

<tr>
<td>State</td>
<td><select Name="State">
<option value="-1" selected>select..</option>
<option value="New Delhi">NEW DELHI</option>
<option value="Mumbai">MUMBAI</option>
<option value="Goa">GOA</option>
<option value="Bihar">BIHAR</option>
</select></td>
</tr>
<tr>
<td>PinCode</td>
<td><input type="text" name="pincode" id="pincode" size="30"></td>

</tr>
<tr>
<td>EmailId</td>
<td><input type="text" name="emailid" id="emailid" size="30"></td>
</tr>

<tr>
<td>DOB</td>
<td><input type="text" name="dob" id="dob" size="30"></td>
</tr>

<tr>
<td>MobileNo</td>
<td><input type="text" name="mobileno" id="mobileno" size="30"></td>
</tr>
<tr>
<td><input type="reset"></td>
<td colspan="2"><input type="submit" value="Submit Form" /></td>
</tr>
</table>
</form><br><br>
<h1><a href="MainPage.html">Back</a></h1>
</body>
</html>

Copy Ends Here

Output:-

Create a Student Registration form using Table In HTML


You Should See

1. Create A Given Table Using Table In HTML

2. Create An HTML Page With Different Types Of Frame Such As Floating Frame Navigation Frame, Mixed Frame In HTML

3. Create An HTML Page Of Different Type Of List (Like Create A List Using Number / Bubble/) And Give The Description About Any Topic.

4. Create an HTML Document Using Frame Which Should Satisfy All Given Requirements

5. A local university has asked you to create an XHTML document that allows prospective students to provide feedback about their campus visit.


Extreme Recommended:- Like our Facebook Page or Join our Facebook Group and Google plus Community for up-to-date. If you have any Query or Question you can ask in the group, I will Try To Solve your Query and try to answers of your Questions withing 24 Hours, You can also Email me or comment below Please suggest to your Friends to join and like our page and don't forget to Subscribe. Enter your Email and click to subscribe.

Ghanendra Yadav

Ghanendra Yadav

Hello, I Am Ghanendra Yadav Owner of This Blog, I am professional Blogger and Programmer. I Love Programming, Logo Making, And Banner Designing. My Highest Qualification is MCA From NIT Warangal. You Can Find Me On Social Media Through Below Link And If You Have Any Query Related To Programming And Other Subject Comment Below or You Can Mail Me I Will Try To Answer Within 24 Hours Email:- yghanendra@student.nitw.ac.in

Find me on Social Media

Facebook | Twitter | Google+ | RSS Feed

1 comment: