SOP 3.html
<!DOCTYPE html>
<html>
<head>
<title>SOP3 Demostration</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="lightyellow">
<table>
<tr>
<td>
<label for="name">
Traveller Name:
</label>
<input type="text" name="Traveller_name" id="name">
</td>
</tr>
<tr>
<td>
<label for="date">Travelling Date:</label>
<input type="date" name="Travelling_date" id="date">
</td>
</tr>
<tr>
<td>
<label for="phone_no">
Telephone No:
</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{2}-[0-9]{10}">
</td>
</tr>
<tr>
<td>
<input type="button" value="Submit" id="Submit" onclick="window.location.href='second page.html';">
</td>
</tr>
</table>
</body>
</html>
Second Page.html
<!DOCTYPE html>
<html>
<head>
<title>Second Page Html</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>
<ul>
<li>
Name of Transporter - Air Asia
</li>
<li>
Time - 09:30 AM
</li>
<li>
Seat No - B39
</li>
<li>
Destination - Delhi
</li>
</ul>
<input type="submit" name="submit" value="Back" onclick="history.back();">
</div>
</body>
</html>
style.css
ul
{
list-style-type: none;
}
div
{
margin-left: 230px;
margin-top: 130px;
font-size: 25px;
}
table
{
margin-left: auto;
margin-right: auto;
margin-top: 230px;
font-size: 25px;
}
output
Tags :-
12th I.T SOP solution,
12th I.T SOP,
12th I.T chapter 1 SOP solution,
12th I.T chapter 1 SOP 3 solution,
12th I.T SOP 3
0 Comments