HTML Table based Forms Project 3

Form design in HTML: Project 3
This is the complete source code of this project. You can view the output of this
Code Here .

You might have some problem on small monitor. If you are not able to view the source code completely, Please see the printer friendly version of this page. The link to the cleaner version of this
page is given at the bottom.
Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>HTML Project</title>

<style type = "text/css">
body
{
margin: 0px;
}

.content
{
border-left: 1px solid #000000;
}

.table
{
border: 1px solid #000000;
}

.footer
{
border-top: 1px solid #000000;
}
</style>

</head>

<body bgcolor = "#FFEDB8">
<center>
<table width = "800" cellpadding = "15" cellspacing = "0" class = table bordercolor = "#FFEDB8"
bgcolor = "#F2F2F2">
<tr align = center
valign = "middle"
bgcolor = "#856300"
bordercolor = "#000000"><td colspan = "2"
height = "100"><font color = "#000000" size = "7">Tutorial India

<br><font color = "#ffffff" size = 2><u>Html Project</u></font> </font></td>

</tr>

<tr bordercolor = "#F2F2F2">
<td width = 150 valign = "top">
<a href = "#">Home</a>

<br>

<a href = "#">About Us</a>

<br>
<a href = "#">Login</a>

<br>

<a href = "#">Register</a>

<br>
<hr color = "#000000" size = "1" width = "100%">
<img src "#" alt = "Alternative Text">

<p align = "justify">

This page is a complete page layout project in HTML. This project uses the basic tags of html.
This layout is created using the HTML tables only.
</p>
</td>

<td class = content align = "justify">
<p>
<center><u><h3>HTML Web Page Layout Using Forms</h3></u></center></p>

<fieldset title = "Registration Form"><legend>Register</legend>

<form action = "#">
<table align = center>
<tr><td>User Id:</td><td><input type = text name = userid maxlength = "20"></td>

</tr>

<tr><td>Password:
</td><td><input type = text name = pass maxlength = "20"></td>
</tr>

<tr><td>First Name:
</td><td><input type = text name = first_name maxlength = "20"
title = "First Name"></td>
</tr>

<tr><td>Last Name:
</td><td><input type = text name = last_name maxlength = "20"></td>

</tr>

<tr><td>Email Id:
</td><td><input type = text name = email maxlength = "20"></td>
</tr>

<tr><td>Sex:
</td><td><input type = radio
name = sex
value = "male">:Male  <input type = radio
name = sex
value = "female">:Female</td>
</tr>

<tr><td colspan = 2 align = "center"><input type = checkbox name = "tc"> I accept
the terms and conditions.</td>

</tr>

<tr><td colspan = 2 align = "center"><input type = submit value = Register></td>
</tr>
</table>
</form>

</fieldset>
</td>
</tr>
</table>

<br>
<a href = "#"><font size = "2">Disclaimer</font></a>

</center>
</body>
</html>

  • 326 reads