New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact

<html>

<head>
<style>

div.savestatus{ /* Style for the "Saving Form Contents" DIV that is shown at the top of the form */
width:200px;
padding:2px 5px;
border:1px solid gray;
background:#fff6e5;
-webkit-box-shadow: 0 0 8px #818181;
box-shadow: 0 0 8px #818181;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
color:red;
position:absolute;
top:-10px;
}

form#feedbackform div{ /*CSS used by demo form*/
margin-bottom:9px;
}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="autosaveform.js">

/***********************************************
* Auto Save Form script (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script>

var formsave1=new autosaveform({
formid: 'feedbackform',
pause: 1000 //<--no comma following last option!
})

</script>
</head>
<body>

<form id="feedbackform" method="post">

<div>Name:<br /> <input id="username" type="text" size="35" /></div>

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

<div>Hobbies: <input type="checkbox" name="hobby" />Reading <input type="checkbox" name="hobby" />Sports <input type="checkbox" name="hobby" />Movies</div>

<div>Country: <select id="country">
<option>USA</option>
<option>Canada</option>
<option>Other</option>
</select>
</div>

<div>State/Province:<br /> <input id="state" type="text" size="20" /></div>

<div>About Yourself:<br /> <textarea id="feedback" style="width:350px;height:150px"></textarea></div>

<input type="submit" />

</form>

</body>
</html>