Practical : 3
Subject : Web Technology
Aim : Design a Simple HTML Form For Student Registration & Railway Reservation.
Source Code :
//Student_Registration.html
<!DOCTYPE html>
<html>
<head>
<title>Registration</title>
<link href='https://fonts.googleapis.com/css?family=Aclonica'
rel='stylesheet'>
</head>
<body>
<form
style="background:#006666;">
<center>
<br>
<h1
style="color: #99ffff;
font-family:Aclonica;">Registration</h1>
<table
style="border:solid; width: 80%; background:#99ffff;">
<tr>
<td><label>First
Name</label></td>
<td><input
type="textbox" name=""></td>
</tr>
<tr>
<td><label>Last
Name</label></td>
<td><input
type="textbox" name=""></td>
</tr>
<tr>
<td><label>DoB</label></td>
<td><input
type="date" name=""></td>
</tr>
<tr>
<td><label>Email</label></td>
<td><input
type="Email" name=""></td>
</tr>
<tr>
<td><label>Mobile
No</label></td>
<td><input
type="text" minlength="10" maxlength="10"
name="" inputmode="numeric"></td>
</tr>
<tr>
<td><label>Gender</label></td>
<td><input
type="radio" name="gender" value="male">Male
<input
type="radio" name="gender"
value="female">Female</td>
</tr>
<tr>
<td><label>Address</label></td>
<td><textarea
rows="3" cols="21"></textarea></td>
</tr>
<tr>
<td><label>City</label></td>
<td><input
type="" name=""></td>
</tr>
<tr>
<td><label>Pincode</label></td>
<td><input
type="textbox" minlength="6" maxlength="6"
name="txtpin"></td>
</tr>
<tr>
<td><label>State</label></td>
<td><input
type="text" name="txtstate"></td>
</tr>
<tr>
<td><label>Country</label></td>
<td><input
type="text" name="txtcountry"></td>
</tr>
<tr>
<td><label>Hobbies</label></td>
<td><input
type="checkbox" value="drawing">drawing
<input
type="checkbox" value="singing">singing
<input
type="checkbox" value="dancing">dancing
<input
type="checkbox" value="travelling">travelling
<input
type="checkbox"
value="netsurfing">Net-Surfing</td>
</tr>
<tr>
<td><label>Qualification</label></td>
<td>
<table
style="border:dotted; border-color: green; border-radius:
circle;">
<tr>
<th>Sr.
No.</th>
<th>Examination</th>
<th>Board</th>
<th>Percentage</th>
<th>Year</th>
</tr>
<tr>
<td>1</td>
<td>Class
X</td>
<td><input
type="textbox" name=""></td>
<td><input
type="textbox" name=""></td>
<td><input type="textbox"
name=""></td>
</tr>
<tr>
<td>2</td>
<td>Class
XII</td>
<td><input
type="textbox" name=""></td>
<td><input
type="textbox" name=""></td>
<td><input
type="textbox" name=""></td>
</tr>
<tr>
<td>3</td>
<td>Graduation</td>
<td><input type="textbox"
name=""></td>
<td><input
type="textbox" name=""></td>
<td><input
type="textbox" name=""></td>
</tr>
<tr>
<td>4</td>
<td>Master</td>
<td><input
type="textbox" name=""></td>
<td><input
type="textbox" name=""></td>
<td><input type="textbox"
name=""></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><label>Applied
for</label></td>
<td>
<input
type="radio" name="course" value="">BE
<input
type="radio" name="course" value="">B.Sc
<input
type="radio" name="course" value="">B.Com
<input type="radio"
name="course" value="">BCA
</td>
</tr>
<tr>
<td
align="center" colspan="2"><input
type="submit" name="Submit">
<input
type="reset" name="Reset"></td>
</tr>
</center>
</form>
</body>
</html>
Output:-
<html>
<head>
<title>Railway reservation form </title>
</head>
<body bgcolor="#0AAFFBC">
<form name="railway">
<center>
<h1><marquee bgcolor="#0FBF00">Railway Reservation
System </marquee> </h1>
<table>
<tr>
<td>From:</td>
<td><input type="text"
name="railway"></td>
</tr>
<tr>
<td>To:</td>
<td><input type="text"
name="txt2"></td>
</tr>
<tr>
<td>Name:</td>
<td><input type="text" name=""></td></tr>
<tr>
<td>Age:</td>
<td><input type="number"
name=""></td>
</tr>
<tr>
<td>Address:</td>
<td><input type="text"
nqme=""></td></tr>
<tr>
<td>Payment options:</td>
<td>
<input type="radio" name="payment"
value="cc" />Credit Card <br />
<input type="radio"
name="payment" value="dc" />Debit card <br />
<input type="radio"
name="payment" value="wallet">wallet<br/>
</td>
<tr>
<td><input type="submit"
value="submit"></td>
<td><input type="submit"
value="Cancel"></td></tr>
</table>
</body>
</html>
Output :
0 comments:
Post a Comment