HTML Program-Registration form html

Simple HTML Program-Registration form html 

<html>
<head>
<title>admission form</title>
<style>
input[type='text'],textarea,input[type='number'],input[type='date'],select{
width:300px;
height:30px;
color:white;
border-color:yellow;
border-width:3px;
}
h1{
background-color:dodgerblue;
color:black;
padding:20px;
}
table{
border-collapse:collapse;
}
</style>
</head>
<body bgcolor="orange">
<center><h1>REGISTRATION FORM</h1></center>
<div id="form" align="center">
<form>
<table border=1 height="100">
<tr><th>Name</th><th><input type="text"></th></tr>
<tr><th>Gender</th><th>male<input type="radio"value="male"name=r>female<input type="radio"value="female"name=r></th></tr>
<tr><th>Address</th><th><textarea></textarea></th></tr>
<tr><th>DOB</th><th><input type="date"></th></tr>
<tr><th>Religion</th><th><input type="text"></th></tr>
<tr><th>Caste</th><th><input type="text"></th></tr>
<tr><th>Qualification</th><th>SSLC<input type="checkbox">PLUS TWO<input type="checkbox"></th></tr>
<tr><th>Percentage[SSLC]</th><th><input type="number"></th></tr>
<tr><th>Prefered Course:</th><th><select>
<option>Computer Technology</option>
<option>Electronics Engineering</option>
<option>Mechanical Engineering</option>
</select></th></tr>
<tr><th colspan="2"><input type="submit"value="Register"></th></tr>
<br>
</table>
</form>
<script>
</body>
</html>

Output

Comments

Post a Comment

Popular posts from this blog

Introduction to C++ Programming Language

The Assembly Process Of 8086 Microprocessor-Two Pass Assembling Steps

Installing 8086 Assembler on a Computer