<html>
<body>

<script>
changed = 0;
function change(field)
{
if (field.defaultValue == field.value)
{
if (document.getElementById(field.id).currentStyle.backgroundColor != 'white')
{
document.getElementById(field.id).style.backgroundColor = 'white';
changed--;
}
}
else
{
if (document.getElementById(field.id).currentStyle.backgroundColor != 'yellow')
{
document.getElementById(field.id).style.backgroundColor = 'yellow';
changed++;
}
}
field.form.reset.disabled = ! changed;
document.getElementById("message").innerHTML = "<big>Click the reset button to go back to the original text</big>";
}

function changeall(form)
{
form.reset.disabled = true;
changed = 0;
for (var el = 0; el < form.elements.length; el++)
{
if (form.elements[el].id != '') /* Some way needed of knowing which to reset -- in this case, only those with an ID. */
{
document.getElementById(form.elements[el].id).style.backgroundColor= 'white';
}
}
}
</script>

<form onReset=changeall(this)><input name=ta id=t1 class=bgwhite size=14 value="Over key me" onKeyUp=change(this)>
<input name=ta id=t2 class=bgwhite size=14 value="or me" onKeyUp=change(this)>
<input disabled type=reset name=reset></form>
<div id=message><big>Make your changes to the form<big></div><p>
<style>
NOBR {color=blue}
</style>
</FONT>
</CODE>
</body>
</html>