1. Write HTML Script to display a
data in tabular format with proper formatting
Ex.
Time Table.
Bca Time Table
Time table
|
|||||||
Time
|
Mon
|
Tue
|
Wed
|
Tues
|
Fri
|
Sater
|
|
10:30 To 11:25
|
403
NP |
405
MM |
404
RJD |
404
RJD |
404
RJD |
404
RJD |
|
11:25 To 12:20
|
Lab-2
403 NP\DD |
Lab-2
403 NP\DD |
Lab-2
405 NP\MM |
Lab-2
405 DD\MM |
Lab-2
404 PM\RJD |
Lab-2
404 PM\RJD |
|
12:20 To 12:40
|
Break
|
||||||
12:40 To 1:35
|
Lab-2
405 NP\MM |
Lab-2
404 MM\RJD |
Lab-2
405 RS\MM |
Lab-2
404 NP\RJD |
Lab-2
403 NP\RS |
Lab-2
403 NP\RS |
|
1:35 To 2:30
|
405
MM |
403
NP |
405
MM |
401
PM |
403
NP |
403
NP |
|
2:30 To 3:25
|
402
NP |
401
PM |
402
NP |
402
NP |
405
MM |
-
|
|
cCode :
<html>
<title>Time
Table</title>
<body
bgcolor="#CCCCCC">
<center>
<font
face="Lucida Handwriting"
color="green"><h1>4<sup>th</sup> Sem Time
Table</h1></font>
</center>
<font
face="Palatino Linotype">
<br>
<table
border="2" cellspacing="5" cellpadding="10"
bgcolor="#cccccc"
width="800" align="center">
<tr bgcolor="#ffcccc">
<th
colspan="8">Time table</td>
</tr>
<tr align="center"
bgcolor="#ffffcc">
<th>Time</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Tues</th>
<th>Fri</th>
<th>Sater</th>
</tr>
<tr align="center">
<th
bgcolor="#ffffcc">10:30 To
11:25</th>
<td>403<br>NP</td>
<td>405<br>MM</td>
<td>404<br>RJD</td>
<td>404<br>RJD</td>
<td>404<br>RJD</td>
<td>404<br>RJD</td>
</tr>
<tr align="center">
<th
bgcolor="#ffffcc">11:25 To 12:20</th>
<td>Lab-2<br>403<br>NP\DD</td>
<td>Lab-2<br>403<br>NP\DD</td>
<td>Lab-2<br>405<br>NP\MM</td>
<td>Lab-2<br>405<br>DD\MM</td>
<td>Lab-2<br>404<br>PM\RJD</td>
<td>Lab-2<br>404<br>PM\RJD</td>
</tr>
<tr>
<th
bgcolor="#ffffcc" >12:20 To 12:40</th>
<td
colspan="6"><b><center>Break</center></b></td>
</tr>
<tr align="center">
<th
bgcolor="#ffffcc">12:40 To 1:35</th>
<td>Lab-2<br>405<br>NP\MM</td>
<td>Lab-2<br>404<br>MM\RJD</td>
<td>Lab-2<br>405<br>RS\MM</td>
<td>Lab-2<br>404<br>NP\RJD</td>
<td>Lab-2<br>403<br>NP\RS</td>
<td>Lab-2<br>403<br>NP\RS</td>
</tr>
<tr align="center">
<th
bgcolor="#ffffcc">1:35 To 2:30</th>
<td>405<br>MM</td>
<td>403<br>NP</td>
<td>405<br>MM</td>
<td>401<br>PM</td>
<td>403<br>NP</td>
<td>403<br>NP</td>
</tr>
<tr align="center">
<th bgcolor="#ffffcc">2:30
To 3:25</th>
<td>402<br>NP</td>
<td>401<br>PM</td>
<td>402<br>NP</td>
<td>402<br>NP</td>
<td>405<br>MM</td>
<td>-</td>
</tr>
</table>
</center>
</font>
</body>
</html>
2. Write HTML Script to design
login page for website user
Code :
<html>
<body
bgcolor="#CCCCCC">
<hr
color="darkgreen" size="5" width="100%">
<center><b><font
color="darkgreen" size="7" >Welcome To
Login</font></b></center>
<hr
color="darkgreen" size="5" width="100%">
<form
name="input" method="post"
action="forget.html">
<br><br>
<u><font
color="darkred" size="4"> Enter Your User ID Here and
Get Your Password......</font></u><br><br><br>
<center>
<table
width="35%" height="35%" border="5%"
bordercolor="darkgreen" ><b>
<tr>
<td
align="center"><b>User Id:</b></td>
<td align="center"><input
type="text"></td>
</tr>
<tr>
<td
align="center"><b>Password:</b></td>
<td
align="center"><input type="password"></td>
</tr>
<tr>
<td
align="center"><input type="submit"
value="submit"></td>
<td align="center"><input
type="reset" value="reset"></td>
</tr><br>
</table></center><br><br>
</center>
</body>
</html>
3. Design Home page for any web-sites.(Like
collage,Facebook,Twitter etc..)
Code :
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>1</title>
</head>
<body
bgcolor="#FFCCFF">
<table
border="1">
<tr>
<td
colspan="5">
<table
border="1" height="200" width="100%">
<tr>
<td>
<p
align="center">
<img src="img/TH.png"
height="100%" width="100%" align="left">
</td>
<td>
<img
src="img/TH2.png" height="100%" width="100%">
</td>
</tr>
</table>
<table
border="1" width="50%">
<tr>
<td
valign="bottom">Home</td>
<td
valign="bottom">Hotel</td>
<td
valign="bottom">Services</td>
<td
valign="bottom">Booking</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table
border="1" rowspan="2" height="100%"
width="100%">
<ul>
<tr>
<td><h2><b><i>Room
has</i></b></h2></td>
</tr>
<tr>
<td><li>Color
TV</li></td>
</tr>
<tr>
<td><li>Refrigerator</li></td>
</tr>
<tr>
<td><li>Bed
Room</li></td>
</tr>
</ul>
</table>
</td>
<td width="300"><img
src="img/hotel (2).jpeg" width="300"
height="200"></td>
<td
width="259"><img src="img/hotel (3).jpeg"
></td>
<td
width="253"><img src="img/hotel
(5).jpeg"></td>
<td
width="350"><img src="img/hotel (4).jpeg"
width="300" height="200"></td>
</tr>
<tr>
<td>
<table
border="1">
<tr>
<td
colspan="2"
align="center"><h2><b><i><u>Registration</u></i></b></h2></td>
</tr>
<rt>
<td
colspan="2" >Check in</td>
</rt>
<tr>
<td><input
type="checkbox">Single</td>
<td><input
type="checkbox">Family</td>
</tr>
<td
colspan="2" >Check Out</td>
</rt>
<tr>
<td><input
type="checkbox">Single</td>
<td><input
type="checkbox">Family</td>
</tr>
<tr>
<td
colspan="2">Persons<input type="text"></td>
</tr>
<tr>
<td
colspan="2">Room<input type="text"></td>
</tr>
<tr>
<td
colspan="2" align="center"><button value="Check
Avabilily">Check
availability</button></td>
</tr>
</table>
</td>
<td rowspan="2"
colspan="3" valign="top">
<table
border="1" width="100%" >
<tr>
<td
align="center"><h1><b><u>Hotel
Facilities</u></b></h1></td>
</tr>
<tr>
<td
align="center"><h2><b><u><i>Proposal in 5
days</i></u></b></h2></td>
</tr>
<tr>
<td>1<sup>st</sup>
Day : Music party</td>
</tr>
<tr>
<td>2<sup>nd</sup>
Day : Dance party</td>
</tr>
<tr>
<td>3<sup>rd</sup>
Day : Fashion sow</td>
</tr>
<tr>
<td>4<sup>th</sup>
Day : Traditional show</td>
</tr>
<tr>
<td>5<sup>th</sup>
Day : Copal dance</td>
</tr>
</table>
</td>
<td
width="350"><img src="img/hotel (3).jpg"
height="250" width="350"></td>
</tr>
<tr>
<td
width="206">
<table
border="1" height="100%" width="100%">
<tr>
<td
align="center"><h3><b><i><u>Contact</u></i></b></h3></td>
</tr>
<tr>
<td>Phone
no: 9876543210</td>
</tr>
<tr>
<td>Email
: goyani_maulik@yahoo.com</td>
</tr>
</table>
</td>
<td colspan="3"
width="350">
<table
border="1" width="100%" height="100%">
<ul
type="circle">
<tr>
<td><h3><u><i><b>Services</b></i></u></h3></td>
</tr>
<tr>
<td><li>Give
Eatting Order</li></td>
</tr>
<tr>
<td><li>Every
day Room will Clear</li></td>
</tr>
<tr>
<td><li>Swimming</li></td>
</tr>
</ul>
</table>
</td>
</tr>
</table>
</body>
</html>
4. Design
Data Entry from. e.g:- Mobile detail,Product Detail etc..
Code
:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252">
<title>Mobile
Gallery</title>
</head>
<body>
</body>
<table border="1"
width="100%" height="100%">
<tr height="15%">
<td colspan="2"><font size=10px
color="darkgreen"><center>Mobile Gallery</center></font></td>
</tr>
<tr>
<td>
<table border="1"
width="100%" height="100%">
<tr>
<td
colspan="2"><h2><center>Mobile
Details</center></h2></td>
</tr>
<tr>
<td>Company
Name</td>
<td><input
type="text" name="cname"></td>
</tr>
<tr>
<td>Model
No.</td>
<td><input
type="text" name="Mno"></td>
</tr>
<tr>
<td>Operating
System</td>
<td><input
type="text" name="os"></td>
</tr>
<tr>
<td>Model
Color</td>
<td><input type="text"
name="Mcolor"></td>
</tr>
<tr>
<td>Model
Size</td>
<td><input
type="text" name="Msize"></td>
</tr>
<tr>
<td>RAM</td><td>
<input
type="text" name="RAM">GB</td>
</tr>
<tr>
<td>Camera</td>
<td>
<table
border="1">
<tr>
<td>Back
Camera</td>
<td><input
type="text" name="bcamera"></td>
</tr>
<tr>
<td>Front
Camera</td>
<td><input
type="text" name="Fcamera"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Bluetooth
Support</td>
<td>
<input
type="radio" name="bluetooth">Yes<br>
<input
type="radio" name="bluetooth">No
</td>
</tr>
<tr>
<td>Storage</td>
<td>
<table
border="1">
<tr>
<td>Internal
Storage</td>
<td><input
type="text" name="internal">GB</td>
</tr>
<tr>
<td>External
Storage</td>
<td><input
type="text" name="external">GB</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Touch
Screen</td>
<td>
<input
type="radio" name="touch">Yes<br>
<input
type="radio" name="touch">No
</td>
</tr>
<tr>
<td><input
type="submit" name="Submit"></td>
<td><input
type="reset" name="Reset"></td>
</tr>
</table>
</td>
<td>
<table border="1"
width="100%" height="100%">
<tr>
<td
colspan="2"><h2><center>Customer
Details</center></h2></td>
</tr>
<tr>
<td>Name</td>
<td><input
type="text" name="name"></td>
</tr>
<tr>
<td>Address</td>
<td><textarea
rows="5" name="S1" cols="22"
onscroll></textarea></td>
</tr>
<tr>
<td>Email
ID</td>
<td><input
type="text" name="eid"></td>
</tr>
<tr>
<td>Contact No.</td>
<td><input
type="text" name="Mobileno"></td>
</tr>
<tr>
<td>Gender</td>
<td>
<input
type="radio" value="v5" name="R1"
onmouseover>Male <br>
<input
type="radio" name="R1" value="V4">Female
</td>
</tr>
<tr>
<td
colspan="2"><h2><center>Payment
Detail</center></h2></td>
</tr>
<tr>
<td>Payment
By</td>
<td>
<input
type="radio" name="pay">By Bank<br>
<input
type="radio" name="pay">By Cash<br>
</td>
</tr>
<tr>
<td
colspan="2"><h2><center>Bank
Detail</center></h2></td>
</tr>
<tr>
<td>Bank
Name</td>
<td><input
type="text"></td>
</tr>
<tr>
<td>Branch
Name</td>
<td><input
type="text"></td>
</tr>
<tr>
<td>Account
No.</td>
<td><input
type="text"></td>
</tr>
<tr>
<td>Amount of
Chaque</td>
<td><input
type="text">Rs.</td>
</tr>
<tr>
<td><input
type="submit" name="Submit"></td>
<td><input
type="reset" name="Reset"></td>
</tr>
</table>
</tr>
</table>
</html>
5. Write
a java script for addition, multiplication, divison etc... (Create Function).
Code :
<html>
<script
type="text/javascript">
function
sum(frm)
{
txtans.value=eval(document.frm.txtno1.value)+eval(document.frm.txtno2.value);
}
function
sub(frm)
{
txtans.value=eval(document.frm.txtno1.value)-
eval(document.frm.txtno2.value);
}
function
mul(frm)
{
txtans.value=eval(document.frm.txtno1.value)*eval(document.frm.txtno2.value);
}
function
div(frm)
{
txtans.value=eval(document.frm.txtno1.value)/eval(document.frm.txtno2.value);
}
</script>
<body>
<form
id="frm" name="frm">
<br><br><br>
<table size=50% width=50% border=12% bordercolor="darkgreen"
cellpadding="10" cellspacing="5"
align="center"><b>
<caption><b><i><font
size=14 aligen=center
color=#006600><center>*Operators*</center></font></i></b>
<tr>
<td
align=center><h2>Enter the No1:</h2></td>
<td
align=center><input type="text" id="txtno1" name="txtno1"></td>
</tr>
<tr>
<td
align=center><h2>Enter the No2:</h2></td>
<td
align=center><input type="text" id="txtno2"
name="txtno2"></td>
</tr>
<tr>
<td colspan="2"
align=center>
<input
type="button" value="Addition" onclick="sum(frm)">
<input
type="button" value="Substraction"
onclick="sub(frm)"> <input
type="button" value="Multiplication"
onclick="mul(frm)">
<input
type="button" value="division"
onclick="div(frm)">
</td>
</tr>
<tr>
<td
align=center><h2>Ans:</h2></td>
<td
align=center><input type="text" id="txtans"
name="txtans"></td>
</tr>
<tr>
<td colspan="2"
align=center><input type="Reset" value="Reset"
></td>
</tr>
</table>
</form>
</body>
</html>
6. Write
a java script for talking input from user and display the data into other
taxtbox.
Code :
<html>
<script
type="text/javascript">
function display(frm)
{
txtans.value=document.frm.txtname.value;
}
</script>
<body
bgcolor="#CCCCCC">
<form id="frm"
name="frm">
<br><br><br>
<table size=50% width=50% border=12% bordercolor="darkgreen"
cellpadding="10" cellspacing="5"
align="center">
<caption><b><i><font
size=7 aligen=center color=#006600><center>*User input any
data*</center></font></i></b></caption>
<tr>
<td align=center><h2>Enter the
Name:</h2></td>
<td align=center><input
type="text" id="txtname"
name="txtname"></td>
</tr>
<tr>
<td colspan="2" align=center>
<input type="button"
value="Click" onclick="display(frm)">  
<input type="Reset"
value="Reset" >  
</td>
</tr>
<tr>
<td
align=center><h2>Ans:</h2></td>
<td align=center><input
type="text" id="txtans"
name="txtans"></td>
</tr>
</table>
</form>
</body>
</html>
7. Write
a java script for only text entry validation.
*String Validation*
|
|
String Value:
|
|
Code
:
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>String
validation</title>
<style
type="text/css">
body
{
font-size: 9pt;
font-family: Arial;
}
</style>
</head>
<body
bgcolor="#CCCCCC">
<table size=50% width=50% border=12% bordercolor="darkgreen"
cellpadding="10" cellspacing="5"
align="center">
<caption><b><i><font
size=7 aligen=center color=#006600><center>*String
Validation*</center></font></i></b></caption>
<tr>
<td>String Value: </td>
<td><input type="text"
id="text1" onkeypress="return IsString(event);"
ondrop="return false;" onpaste="return false;" />
<span id="error" style="color:
Red; display: none">* Input String (a-z, A-Z, +, -,
ext...)</span></td>
</tr>
<script
type="text/javascript">
var specialKeys = new Array();
specialKeys.push(8); //Backspace
function IsString(e) {
var keyCode = e.which ? e.which :
e.keyCode
var ret = ((keyCode < 48 ||
keyCode > 57) || specialKeys.indexOf(keyCode) != -1);
document.getElementById("error").style.display = ret ?
"none" : "inline";
return ret;
}
</script>
</body>
</html>
8.
Write a java script for only number entry
validation.
*Number Validation*
|
|
Numeric Value:
|
|
Code
:
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<style
type="text/css">
body
{
font-size: 9pt;
font-family: Arial;
}
</style>
</head>
<body
bgcolor="#CCCCCC">
<table size=50% width=50% border=12% bordercolor="darkgreen"
cellpadding="10" cellspacing="5"
align="center">
<caption><b><i><font
size=7 aligen=center color=#006600><center>*Number
Validation*</center></font></i></b></caption>
<tr>
<td>Numeric Value: </td>
<td><input type="text"
id="text1" onkeypress="return IsNumeric(event);"
ondrop="return false;" onpaste="return false;" />
<span
id="error" style="color: Red; display: none">* Input
digits (0 - 9)</span></td>
</tr>
<script
type="text/javascript">
var specialKeys = new Array();
specialKeys.push(8); //Backspace
function IsNumeric(e) {
var keyCode = e.which ? e.which :
e.keyCode
var ret = ((keyCode >= 48
&& keyCode <= 57) || specialKeys.indexOf(keyCode) != -1);
document.getElementById("error").style.display = ret ?
"none" : "inline";
return ret;
}
</script>
</body>
</html>
9. Write
a java script for email validation.
Code :
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Registration
Form</title>
<style
type="text/css" >
td
{
font-weight:bold;
}
</style>
<script
type="text/javascript" language="javascript">
function validate()
{
var
reg=/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.]+\.([A-Za-z0-9_\-\.])$/;
var
adress=document.frm.email.value;
if(reg.test(adress)==false)
{
alert("invalid email Address");
document.frm.email.focus();
}
}
function chk()
{
if(document.frm.fname.value=="")
{
alert("please
fill firstname");
document.frm.fname.focus();
return false;
}
if(document.frm.lname.value=="")
{
alert("please
fill lastname");
document.frm.lname.focus();
return false;
}
if(document.frm.email.value=="")
{
alert("please
fill email address");
document.frm.email.focus();
return false;
}
return true;
}
</script>
</head>
<body
bgcolor=#CCFFCC>
<h1
align="center">Login Form</h1><hr color=#339933
size=5>
<form
id="frm" name="frm" method="post">
<table align=center
height="359" border=2>
<tr>
<td>First
name:</td>
<td><input
type="text" name="fname" id="fname"
size=25></td>
</tr>
<tr>
<td>Last
name:</td>
<td><input
type="text" name="lname" id="lname"
size=25></td>
</tr>
<tr>
<td>User
name:</td>
<td><input
type="text" name="uname" id="uname"
size=25></td>
</tr>
<tr>
<td>Password:</td>
<td><input
type="password" name="password" id="password"
size=25></td>
</tr>
<tr>
<td>Confirm
Password:</td>
<td><input
type="password" name="password" id="password"
size=25></td>
</tr>
<tr>
<td>Email
Id:</td>
<td><input
type="text" name="email" onblur="return
validate(this.form)" size="25"></td>
</tr>
<tr>
<td>Address:</td>
<td><textarea
cols="20" rows="5"></textarea></td>
</tr>
<tr>
<td>Sex:</td>
<td><input
type="radio"name="male"
value="male">Male <input
type="radio"name="female"
value="female">Female</td>
<td
width="4"> </td>
</tr>
<tr>
<td>Select
Country:</td>
<td>
<select
id="pdm" name="txtname">
<option>India</option>
<option>USA</option>
<option>Pakistan</option>
<option>UK</option>
<option>Rasia</option></select>
</td>
</tr>
<tr>
<td align=center
colspan="2">
<input
type="submit" value="Submit" onclick="return
chk(this.form)">
<input
type="reset" value="Reset"></td>
</tr>
</table>
</form>
</body>
</html>
10. Write an html script to design
registration from for website's user with
input field's validations and apply style sheet.
Code :
<html>
<head>
<link rel="stylesheet"
href="my1.css"
type="text/css" >
<script
type="text/javascript">
function checkrequire()
{
if(document.frm.txtfno.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.txtfno.focus();
return
false;
}
else
if(document.frm.txtname.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.txtname.focus();
return
false;
}
else
if(document.frm.txtadd.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.txtadd.focus();
return
false;
}
else
if(document.frm.cmbcity.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.cmbcity.focus();
return
false;
}
else
if(document.frm.txtpcode.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.txtpcode.focus();
return
false;
}
else
if(document.frm.rdof.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.rdof.focus();
return
false;
}
else
if(document.frm.rdom.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.rdom.focus();
return
false;
}
else
if(document.frm.cmbday.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.cmbday.focus();
return
false;
}
else
if(document.frm.cmbmonth.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.cmbmonth.focus();
return
false;
}
else
if(document.frm.cmbyear.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.cmbyear.focus();
return
false;
}
else
if(document.frm.txtnmo.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.txtmno.focus();
return
false;
}
else
if(document.frm.txteid.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.txtneid.focus();
return
false;
}
else
if(document.frm.cmbcom.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.cmbcom.focus();
return
false;
}
else
if(document.frm.txtpwd.value=="")
{
alert("plz
First Enter the your all information...!!");
document.frm.txtpwd.focus();
return
false;
}
return true;
}
</script>
</head>
<body>
<center><br>
<hr
color="darkgreen" size=5 width=100%>
<marquee
behavior="alternate"><b class="b1">*Ragistration
form*</b></marquee>
<hr
color="darkgreen" size=5 width=100%>
<br>
<form
name="frm" id="frm" method="post"
action="form.html">
<table size=70% width=100% border="0">
<tr>
<td
colspan="2" align="right"><b
class="b3">Form No.:</b>  <input
type=text name="txtfno" id="txtfno"
><br><br></td>
</tr>
<tr>
<td
colspan="2"><u style=" color:#215120"><b
class="b2">*Enter your personal
information:-<b></u><br><br></td>
</tr>
<tr>
<td
align="center"><b class="b3"> Name
:</b></td>
<td><input
type=text name="txtname" id="txtname"
><br><br></td>
</tr>
<tr>
<td
align="center"><b class="b3"> Address
:</b></td>
<td><textarea
name="txtadd" id="txtadd" rows="5"
cols="20"></textarea><br><br></td>
</tr>
<tr>
<td
align="center"><b class="b3"> City
:</b></td>
<td>
<select
name="cmbcity" id="cmbcity" >
<option
selected="selected" > select city... </option>
<option>
Surat </option>
<option>
Vapi </option>
<option>
Ahemdabad </option>
<option>
Bharuch </option>
<option>
Broda </option>
<option>
amreli </option>
<option>
Jamnagar </option>
<option>
Bhavnagar </option>
<option>
Rajkote </option>
<option>
Navsari </option>
</select>
<br><br>
</td>
</tr>
<tr>
<td
align="center"><b class="b3"> Pincode
:</b></td>
<td><input type=text
name="txtpcode" id="txtpcode"
><br><br></td>
</tr>
<tr>
<td
align="center"><b class="b3"> Gender :</b></td>
<td><input type="radio"
name="gender" id="rdof">Female
<input type="radio"
name="gender" id="rdom">Male
<br><br></td>
</tr>
<tr>
<td
align="center"><b class="b3"> Date of Birth
:</b></td>
<td><select
name="cmbday" id="cmbday">
<option>
1</option>
<option>
2</option>
<option>
3</option>
<option>
4</option>
<option>
5</option>
<option>
6</option>
<option>
7</option>
<option>
8</option>
<option>
9</option>
<option>
10</option>
<option>
11</option>
<option>
12</option>
<option>
13</option>
<option>
14</option>
<option>
15</option>
<option>
16</option>
<option>
17</option>
<option>
18</option>
<option>
19</option>
<option>
20</option>
<option>
21</option>
<option>
22</option>
<option>
23</option>
<option>
24</option>
<option>
25</option>
<option>
26</option>
<option>
27</option>
<option>
28</option>
<option>
29</option>
<option>
30</option>
<option>
31</option>
</select>
<select
name="cmbmonth" id="cmbmonth">
<option>
1</option>
<option>
2</option>
<option>
3</option>
<option>
4</option>
<option>
5</option>
<option>
6</option>
<option>
7</option>
<option>
8</option>
<option>
9</option>
<option>
10</option>
<option>
11</option>
<option>
12</option>
</select>
<select
name="cmbyear" id="cmbyear">
<option>
1991</option>
<option>
1992</option>
<option>
1993</option>
<option>
1994</option>
<option>
1995</option>
<option>
1996</option>
<option>
1997</option>
<option>
1998</option>
<option>
1999</option>
<option>
2000</option>
<option>
2001</option>
<option>
2002</option>
<option>
2003</option>
<option>
2004</option>
<option>
2005</option>
<option>
2006</option>
<option>
2007</option>
<option>
2008</option>
<option>
2009</option>
<option>
2010</option>
<option>
2011</option>
<option>
2012</option>
</select>
<br><br></td>
</tr>
<tr>
<td
align="center"><b class="b3"> Hobby :
</b></td>
<td><input
type="checkbox" name="chkread" id="chkread">
Reading
<input
type="checkbox" name="chkcric" id="chkcric">
Cricket
<input
type="checkbox" name="chkdrow" id="chkdrow">
Drowing
<input
type="checkbox" name="chkrace" id="chkrace">
Racing
<input
type="checkbox" name="chkpuzz" id="chkpuzz">
Puzzel
<input
type="checkbox" name="chksing" id="chksing">
Singing
<input
type="checkbox" name="chkother" id="chkother">
Other<br><br>
</td>
</tr>
<tr>
<td
align="center"><b class="b3"> Mobile :
</b></td>
<td><input type=text
maxlength="10" name="txtmno"
id="txtmno"><br></td>
</tr>
<tr>
<td
align="center"><b
class="b3">Image:</b></td>
<td><input
type="file" name="btnimg"
id="btnimg"><small>upload your image
file</small><br><br></td>
</tr>
<tr>
<td colspan="2"><u
style=" color:#215120"><b class="b2"> *Enter your
ID:-<b></u><br><br></td>
</tr>
<tr>
<td
align="center">   <b class="b3">
E-mail id : </b></td>
<td><input type=text
name="txteid" id="txteid" > @
<select
name="cmbcom" id="cmbcom">
<option> Select any... </option>
<option>
yahoo.com </option>
<option>
yahoo.co.in </option>
<option>
gmail.com </option>
<option>
hotmail.com </option>
</select>
<br><br></td>
</tr>
<tr>
<td
align="center">   <b class="b3">
Pass Word : </b></td>
</tr>
<tr>
<td
align="center">   <b class="b3">
id="btnsub"
onclick="return checkrequire();"></b>
</td>
<td> 
 <b class="b3">
<input
type=reset value="Reset" name="btnre"
id="btnre"></b></td>
</tr>
</table>
<hr
color="darkgreen" size=5 width=100%>
</form>
</center>
</body>
</html>
my1.css file coding :
.b1
{
font-size:60;
color:maroon;
}
.b2
{
font-size:30;
color:#215120;
text-align:left;
}
.b3
{
font-size:20;
color:maroon;
text-valign:right;
}
Comment Here