Source Code For this contact Form
<style>
body{
background:url(images/body_bg.png);
}
#contact_form{
width:310px;
}
.close{
background:url('images/cross.png') NO-REPEAT;
position:relative;
z-index:100;
top:7px;
left:95%;
width:310px;
height:20PX;
}
.table{
width:300px; /*cross.png */background:orange;
padding:10px; /*tick.gif*/
border-radius:3px;
} /*button_cancel.png download this images places in images folder*/
.table td {
padding:3px;
font-family:geneva;
}
.table td input{
height:28px;
margin:3px;
width:200px;
border-radius:3px;
border:none;
box-shadow:4px 1x 2px 14x #000 inset;
background:#fff;
}
.table td textarea{
height:80px;
margin:3px;
width:200px;
border-radius:3px;
border:none;
box-shadow:4px 1x 2px 14x #000 inset;
}
.table td input:valid{
background:url('tick.gif')#fff no-repeat;
background-position:right center;
}
.table td input:focus{
background:url('button_cancel.png')#fff no-repeat;
background-position:right center;
}
</style>
<body>
<div id="contact_form">
<div class="close"></div>
<div style="clear:both">
</div>
<table class="table">
<form>
<tr><td></td><td valign=top></td></tr>
<tr><td valign=top><label for="name">Name </label></td><td valign=top><input type="text" id="name"name="name" required></td></tr>
<tr><td valign=top><label for="name">Mobile</label></td> <td valign=top><input type="text" id="name"name="name" required></td></tr>
<tr><td valign=top><label for="name">Email </label></td><td valign=top><input type="email" id="name"name="name" required></td></tr>
<tr><td valign=top><label for="name">Address </label></td><td valign=top><input type="text" id="name"name="name" required></td></tr>
<tr><td valign=top><label for="name">Message </label></td><td valign=top><textarea></textarea></td></tr>
<tr><td valign=top></td><td valign=top><input type="submit" name="submit" value="Submit" style="width:120px; height:40px;background:rgb(245, 219, 170)"></td></tr>
</form>
</table>
</div>
