Home Form Effects Auto Save Form Developer's View
<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)
* Please keep this notice intact
* 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>