Your IP : 216.73.216.40
<html>
<head>
<title>Scrapbook</title>
</head>
<body background="images\guestbook.jpg" onLoad="fla();">
<a name="top"></a>
<div style="text-align:justify">
<font face="comic sans ms" size="6" color="olive">
Hello everyone!!! Welcome to my scrapbook. After having a complete view of my home page, you are requested to fill up the form below so that i can have your views about this site. So feel free to give your comments and !!!!!!START!!!!!!
</font>
<ul>
<form name="scrapbook" action="form submit.html" method="post">
<table align="center" cellspacing="10">
<caption>
<font size="5" color="voilet"><b><u>PERSONAL</u></b></font>
<tr>
<td><b><li>*Name:</b></td>
<td><input type="textbox" name="Name"></td>
</tr>
<tr>
<td><b><li>*Age:</b></td>
<td><input type="textbox" name="Age"></td>
</tr>
<tr>
<td><b><li>*Sex:</b></td>
<td><input type="radio" name="Sex" value="Male" >Male     <input type="radio" name="Sex" value="Female">Female</td>
</tr>
<tr>
<td><b><li>*Date Of Birth:</b></td>
<td><select name="Date">
<option value="1">01
<option value="2">02
<option value="3">03
<option value="4">04
<option value="5">05
<option value="6">06
<option value="7">07
<option value="8">08
<option value="9">09
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21
<option value="22" selected>22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27
<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31
</select>
<select name="Month">
<option value="1" selected>January
<option value="2">February
<option value="3">March
<option value="4">April
<option value="5">May
<option value="6">June
<option value="7">July
<option value="8">August
<option value="9">September
<option value="10">October
<option value="11">November
<option value="12">December
</select>
<select name="Year">
<option value="1">1956
<option value="2">1957
<option value="3">1958
<option value="4">1959
<option value="5">1960
<option value="6">1961
<option value="7">1962
<option value="8">1963
<option value="9">1964
<option value="10">1965
<option value="11">1966
<option value="12">1967
<option value="13">1968
<option value="14">1969
<option value="15">1970
<option value="16">1971
<option value="17">1972
<option value="18">1973
<option value="19">1974
<option value="20">1975
<option value="21">1976
<option value="22">1977
<option value="23">1978
<option value="24">1979
<option value="25">1980
<option value="26">1981
<option value="27">1982
<option value="28">1983
<option value="29">1984
<option value="30">1985
<option value="31">1986
<option value="32">1987
<option value="33" selected>1988
<option value="34">1989
<option value="35">1990
<option value="36">1991
<option value="37">1992
<option value="38">1993
<option value="39">1994
<option value="40">1995
<option value="41">1996
<option value="42">1997
<option value="43">1998
<option value="44">1999
<option value="45">2000
</select></td>
</tr>
<tr>
<td><b><li>Address:</b></td>
<td><textarea name="Address"></textarea></td>
</tr>
<tr>
<td><b><li>Contact No.</b></td>
<td><input type="textbox" name="Contact No."></td>
</tr>
<tr>
<td><b><li>*Email Address:</b></td>
<td><input type="textbox" name="EmailAddress"></td>
</tr>
</caption>
</table><br>
<table align="center" cellspacing="10">
<caption>
<font size="5" color="voilet"><b><u>PROFESSION</u></b></font>
<tr>
<td><b><li>*Profession:</b></td>
<td><select name="Profession">
<option value="1">Student
<option value="2">Govt. Service
<option value="3">Private Job
<option value="4">Business
<option value="5">Others
<option value="6" selected>
</select></td>
</tr>
<tr>
<td><b><li>*Institute/Company:</b></td>
<td><input type="textbox" name="Institute"></td>
</tr>
<tr>
<td><b><li>*City:</b></td>
<td><input type="textbox" name="City"></td>
</tr>
<tr>
<td><b><li>*State:</b></td>
<td><input type="textbox" name="State"></td>
</tr>
</caption>
</table><br>
<table align="center" cellspacing="10">
<caption>
<font size="5" color="voilet"><b><u>YOUR VIEWS</u></b></font>
<tr>
<td><b><li>*Page Design:</b></td>
<td><input type="checkbox" name="PageDesign" value="Good">Good</td>
</tr>
<tr>
<td></td><td><input type="checkbox" name="PageDesign" value="Excellent">Excellent</td>
</tr>
<tr>
<td></td><td><input type="checkbox" name="PageDesign" value="Awesome">Awesome</td>
</tr>
<tr>
<td></td><td><input type="checkbox" name="PageDesign" value="Mindblowing">Mindblowing</td>
</tr>
<tr>
<td><b><li>*Comments:</b></td>
<td><textarea name="Comments"></textarea></td>
</tr>
</caption>
</table><br>
<center><b>Fields marked with * are compulsory<b></center><br>
<center><input type="button" name="SUBMIT" value="SUBMIT" onClick="anand();"></a>    
<input type="reset" name="RESET" value="RESET" onClick="anand1();"></center>
</form>
</div>
<div align="right">
<a href="#top"><font color="brown"><b>TOP</b></font></a>
</div>
</ul>
</body>
</html>
<script language="javascript">
function anand()
{
if (document.scrapbook.Name.value.length==0)
{
alert("Please enter your full name");
document.scrapbook.Name.focus();
return false;
}
if (document.scrapbook.Age.value.length==0)
{
alert("Please enter your age");
document.scrapbook.Age.focus();
return false;
}
flag=0;
if(document.scrapbook.Sex[0].checked || document.scrapbook.Sex[1].checked)
{
flag=1;
}
if(flag==0)
{
alert("Please enter your sex");
return false;
}
if(document.scrapbook.Date.value==22 && document.scrapbook.Month.value==1 && document.scrapbook.Year.value==33)
{
alert("Please check your date of birth");
document.scrapbook.Date.focus();
return false;
}
if(document.scrapbook.EmailAddress.value.length==0)
{
alert("Please enter your Email Address");
document.scrapbook.EmailAddress.focus();
return false;
}
if(document.scrapbook.Profession.value==6)
{
alert("Please select your profession");
document.scrapbook.Profession.focus();
return false;
}
if (document.scrapbook.Institute.value.length==0)
{
alert("Please enter your Institute/Company name");
document.scrapbook.Institute.focus();
return false;
}
if (document.scrapbook.City.value.length==0)
{
alert("Please enter your City");
document.scrapbook.City.focus();
return false;
}
if (document.scrapbook.State.value.length==0)
{
alert("Please enter your State");
document.scrapbook.State.focus();
return false;
}
a=0;
if(document.scrapbook.PageDesign[0].checked || document.scrapbook.PageDesign[1].checked || document.scrapbook.PageDesign[2].checked || document.scrapbook.PageDesign[3].checked)
{
a=1;
}
if(a==0)
{
alert("Please rate the Page Design");
document.scrapbook.PageDesign.focus();
return false;
}
if (document.scrapbook.Comments.value.length==0)
{
alert("Please give your Comments");
document.scrapbook.Comments.focus();
return false;
}
document.scrapbook.submit();
}
function anand1()
{
alert("Are you sure to reset all fields");
}
c=1;
var a="Scrapbook";
function fla(){
if(c==1){
window.status=a;
c=0;
}
else{
window.status=" ";
c=1;
}
setTimeout("fla();",700);
}
</script>