Web Tutorials

</>   CSS Tutorial

CSS

Cascading Style Sheet

skillpundit.com

Student Registration Form Using in CSS

FIRST NAME (Max 30 charecters a-z and A-Z)
LAST NAME (Max 30 charecters a-z and A-Z)
EMAIL ID
MOBILE NUMBER (!) Digits Allowed
GENDER Male Female
DATE OF BIRTH
ADDRESS
CITY (Max 30 charecters a-z and A-Z)
PIN CODE (6 digit numbers)
STATE (Max 30 charecters a-z and A-Z)
COUNTRY
HOBBIES DrawingsingingDanceingSketching
Other
QUALIFICATION High school(10th)
Higher school(12th)
Grauation(Bachelors)
post Grauation(Masters)
Phd
COURSES APPLIED FOR BCA(Bchelor of computer Application)
B.com(Bchelor of commerce)
B.Sc(Bchelor of science)
BA(Bchelor of Arts)
MCA(Master of computer application)
M.com(Master of commerce)
M.Sc(Master of science)
MA(Master of Arts)

Source Code HTML + CSS

CSS Code of the above Diagram

<html>
<head>
<title>Student Registration Form using Pure CSS and HTML</title>

<style> #grad1 { background-color: red; background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%); color: white; } .font { color: white; } </style>
<h1 align="center">
<U><font color="vailat">Student Registration Form Using in Html</font></U>
</h1> </head>
<body>
<table border="0" cellspacing="10" cellspacing="10" align="center" bgcolor id= "grad1" width="650"> <tr>
<td class="font"> FIRST NAME </td> <td> <input type="text"> </td> <td class="font"> (Max 30 charecters a-z and A-Z) </td> </tr> <tr>
<td class="font"> LAST NAME </td>
<td> <input type="text"> </td>
<td class="font"> (Max 30 charecters a-z and A-Z) </td> </tr> <tr>
<td class="font"> EMAIL ID </td>
<td> <input type="text"> </td>
</tr> <tr>
<td class="font"> MOBILE NUMBER </td>
<td> <input type="text"> </td>
<td class="font"> (!) Digits Allowed </td> </tr> <tr>
<td class="font"> GENDER </td>
<td class="font"> Male<input type="radio"> Female<input type="radio"> </td> </tr> <tr>
<td> DATE OF BIRTH</td>
<td class="font"> <select>
<option>Day:</option>
<option>Mon</option>
<option>Tue </option>
<option>Wed</option> </select> <select>
<option>Month:</option>
<option>jan</option>
<option>feb </option>
<option>mar</option> </select> <select>
<option>Year:</option>
<option>Mon</option>
<option>Tue </option>
<option>Wed</option>
<option>Thu</option> </select> </td> </tr> <tr>
<td> ADDRESS </td>
<td>
<textarea></textarea> </td> </tr> <tr>
<td> CITY </td>
<td> <input type="text"> </td>
<td colspan="3"> (Max 30 charecters a-z and A-Z) </td> </tr> <tr>
<td> PIN CODE </td>
<td> <input type="text"> </td>
<td colspan="3"> (6 digit numbers) <td> </tr> <tr>
<td> STATE </td>
<td> <input type="text"> </td>
<td colspan="3"> (Max 30 charecters a-z and A-Z) </td>
</tr> <tr>
<td> COUNTRY </td>
<td> <input type="text"> </td> </tr> <tr>
<td> HOBBIES </td>
<td colspan="2"> Drawing<input type="checkbox">Singing
<input type="checkbox">Danceing<input type="checkbox">Sketching
<input type="checkbox"><br>Other<input type="checkbox"><input type="text"> </td> </tr> <tr> <td> QUALIFICATION </td>
<td>
<input type="checkbox">High school(10th)<br>
<input type="checkbox">Higher school(12th)<br>
<input type="checkbox">Grauation(Bachelors)<br>
<input type="checkbox">post Grauation(Masters)<br>
<input type="checkbox">Phd </td> </tr> <tr>
<td> COURSES APPLIED FOR </td>
<td>
<input type="radio">BCA(Bchelor of computer Application)<br>
<input type="radio">B.com(Bchelor of commerce)<br>
<input type="radio">B.Sc(Bchelor of science)<br>
<input type="radio">BA(Bchelor of Arts)<br>
<input type="radio">MCA(Master of computer application)<br>
<input type="radio">M.com(Master of commerce)<br>
<input type="radio">M.Sc(Master of science)<br>
<input type="radio">MA(Master of Arts)<br>
 </td> </tr> <tr> <td colspan="5" align="center">
<input type="submit" value="Submit">
<input type="Reset" value="Reset">
</td> </tr> </table> </body> </html>