Student Registration Form Using Table in HTML and CSS

7/12/2019 Student Registration Form Using Table in HTML and CSS
Programming With Basics

Code And Code Until You Die
HOME C Programs CPP Programs Java Programs Data Structure Web Designing GeeksforGeeks Solutions HackerRank Solutions P
HackerRank 30 Days of Code Solutions HackerRank Algorithms Solutions Books
4/02/2016
Search This Blog

Student Registration Form Using Table in HTML and
CSS
How to design student registration form using table in HTML, a simple HTML form that contains all
Popular Posts
necessary fields in the student registration form, for example, first name, last name, email id, mobile
number, address, hobbies, course, gender, date of birth, etc. Using tables in HTML. Create a beautiful C++ Program for Casin
student registration form with CSS, also validate student registration form in HTML(Hypertext markup Game: Number Guess
language) and CSS(Cascading style sheets). The registration form also contains submit and reset button, for Program(GAME PROJE
by chance if any student enters wrong data while filling student registration so he/she can reset the form in
HTML.
C++ To Calculate Area
Circle, Rectangle And
How to Create Student Registration Form Using Table in HTML Using Switch Case
So In this problem, we have to registration form in HTML, as we all know that registration form contains
Student Registration F
some fields that are the First Name, Last Name, Email ID, Mobile Number, Address, Hobbies, Course, Using Table in HTML a
Gender, Date of Birth, City, District, State/Province, 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.
Sponsor: Need to catch up with your incomplete software project work? Get instant remote access to your Java Program For Find
essential programming tools such as emulators, IDE`s on high-performance Citrix XenDesktop from Gross Salary of an Em
CloudDesktopOnline at an unbelievable XenDesktop pricing. If you require a dedicated server, try dedicated
GPU hosting from Apps4Rent with affordable plans & pricing.
C Program For Find A
Explanation of Table Tags in HTML Of Given Marks Using
Case
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. Hospital Management
System Project in java
<th> Defines a header cell in a table
<tr> Defines a row in a table
<td> Defines a cell in a table
Hacker Rank solution
<caption> Defines a table caption
Compare The Triplets
Tip:- Always create a folder for a separate web page file for avoiding unnecessary mixing and irritating.
Solution for Student Registration Form

Labels
<html>
<head> C Programs (88)
<title>Student Registration Form Using Table in HTML</title>
Core Java Tutorial (6)
<style> CPP Programs (135)

h2{ FUN PROGRAMS (2)
font-family: Sans-serif; GeeksForGeeks Solution (161)
font-size: 24px;
font-style: normal; Guest Post (77)
font-weight: bold;
HackerRank Solution (67)
color: blue;
text-align: center; Java Programs (29)
https://www.programmingwithbasics.com/2016/04/student-registration-form-html.html 1/9
text-decoration: underline
} JavaScript Tutorials (6)
OS Programs (5)
table{
font-family: verdana; Projects (10)
color:white;
font-size: 16px; Requested Program (2)
font-style: normal; Web Designing (36)
font-weight: bold;
background-color: #ff4242;
border-collapse: collapse;
border: 4px solid #000000;
border-style: dashed;

}
table.inner{
border: 10px
}
input[type=text], input[type=email], input[type=number]{

width: 50%;
padding: 6px 12px;
margin: 5px 0;
box-sizing: border-box;
}
input[type=submit], input[type=reset]{
width: 15%;
padding: 8px 12px;
margin: 5px 0;
box-sizing: border-box;
}
</style>
</head>

<body>
<h2>Student Registration Form Using Table in HTML</h3>

<table align="center" cellpadding = "10">


<tr>
<td>First Name</td>
<td><input type="text" name="FirstName" maxlength="50" placeholder="Ghanendra" />
(Max 50 Characters Allowed)
</td>
</tr>


<tr>
<td>Last Name</td>
<td><input type="text" name="LastName" maxlength="50" placeholder="Yadav"/>
</td>
</tr>


<tr>
<td>Email ID</td>
<td><input type="email" name="EmailID" maxlength="100" placeholder="yghanendra@gmail.com"/></td>
</tr>


<tr>
<td>Mobile Number</td>
<td>
<input type="text" name="MobileNumber" maxlength="10" placeholder="7842xxxxxx"/>
(10 Digits Allowed)
</td>
</tr>


<tr>
<td>Gender</td>
<td>
<input type="radio" name="Gender" value="Male" />
Male
<input type="radio" name="Gender" value="Female" />
Female
</td>
</tr>

<tr>
<td>Date of Birth(DOB)</td>

<td>
<select name="BirthDay" id="Birthday_Day">
<option value="-1">Day:</option>
<option value="1">1</option>
</select>

<select name="BirthdayMonth" id="Birthday_Month">
<option value="-1">Month:</option>
<option value="January">Jan(1)</option>
<option value="February">Feb(2)</option>
<option value="March">Mar(3)</option>
<option value="April">Apr(4)</option>
<option value="May">May(5)</option>
<option value="June">Jun(6)</option>
<option value="July">Jul(7)</option>
<option value="August">Aug(8)</option>
<option value="September">Sep(9)</option>
<option value="October">Oct(10)</option>
<option value="November">Nov(11)</option>
<option value="December">Dec(12)</option>
</select>

<select name="BirthdayYear" id="Birthday_Year">

<option value="-1">Year:</option>
</select>
</td>
</tr>


<tr>
<td>Address<br /><br /><br /></td>
<td><textarea name="Address" rows="10" cols="50"></textarea></td>
</tr>


<tr>
<td>City</td>
<td><input type="text" name="City" maxlength="50" placeholder="Bangalore"/>
</td>
</tr>


<tr>
<td>Pin Code</td>
<td><input type="Number" name="PinCode" maxlength="6" placeholder="560068"/>
(Max 6 Numbers Allowed)
</td>
</tr>


<tr>
<td>State</td>
<td><input type="text" name="State" maxlength="50" placeholder="Karnataka"/>
</td>
</tr>


<tr>
<td>Country</td>
<td><input type="text" name="Country" placeholder="India" /></td>
</tr>



<tr>
<td>Hobbies <br /><br /><br /></td>

<td>
<input type="checkbox" name="HobbyDrawing" value="Drawing" />
Drawing
<input type="checkbox" name="HobbySinging" value="Singing" />
Singing
<input type="checkbox" name="HobbyDancing" value="Dancing" />
Dancing
<input type="checkbox" name="HobbyCooking" value="Cooking" />
Sketching
<br />
<input type="checkbox" name="HobbyOther" value="Other">
Others
<input type="text" name="Other_Hobby" maxlength="50" placeholder="Ex- Teaching" />
</td>
</tr>


<tr>
<td>Qualification <br /><br /><br /></td>

<td>
<br/>
<input type="checkbox" name="HighSchool" value="High School" />
High School(10th)<br>
<input type="checkbox" name="HigherSchool" value="Higher School" />
Higher School(12th)<br/>
<input type="checkbox" name="Graduation" value="Graduation" />
Graduation(Bachelors)<br/>
<input type="checkbox" name="PostGraduation" value="Post Graduation" />
Post Graduation(Masters)<br/>
<input type="checkbox" name="Phd" value="Phd">
Phd
</td>
</tr>


<tr>
<td>Courses<br />Applied For</td>
<td>
<input type="radio" name="CourseBCA" value="BCA">
BCA(Bachelor of Computer Applications)<br>
<input type="radio" name="CourseBCom" value="B.Com">
B.Com(Bachelor of Commerce)<br>
<input type="radio" name="CourseBSc" value="B.Sc">
B.Sc(Bachelor of Science)<br>
<input type="radio" name="CourseBA" value="B.A">
BA(Bachelor of Arts)<br>
<input type="radio" name="CourseMCA" value="BCA">
MCA(Master of Computer Applications)<br>
<input type="radio" name="CourseMCom" value="B.Com">
M.Com(Master of Commerce)<br>
<input type="radio" name="CourseMSc" value="B.Sc">
M.Sc(Master of Science)<br>
<input type="radio" name="CourseMA" value="B.A">
MA(Master of Arts)<br>
</td>
</tr>


<tr>
<td colspan="2" align="center">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</td>
</tr>
</table>

</form>
</body>
</html>
Output Student Registration Form
Free Download Student Registration Form Click

Below.
Read Also- Check These articles for creating a beautiful design in HTML and CSS. Follow these article to

Student Registration Form Using Table in HTML and CSS

Uploaded by

Student Registration Form Using Table in HTML and CSS

Uploaded by

7/12/2019 Student Registration Form Using Table in HTML and CSS

Programming With Basics

Search This Blog

Solution for Student Registration Form

<style> CPP Programs (135)

input[type=text], input[type=email], input[type=number]{

Output Student Registration Form

Free Download Student Registration Form Click

You might also like