1.
<style>
      .userData {behavior:url(#default#userdata);}
</style>
<select id="select1"  class="userData">
<option>option1</option>
<option>option2</option>
<option>option3</option>
<option>option4</option>
</select>
<script>
var obj=document.all.select1;
obj.attachEvent('onchange',saveSelectedIndex)
function saveSelectedIndex()
{
  obj.setAttribute("sSelectValue",obj.selectedIndex);
  obj.save("oSltIndex");
}
window.attachEvent('onload',loadSelectedIndex)
function loadSelectedIndex()
{
  obj.load("oSltIndex");
  obj.selectedIndex=obj.getAttribute("sSelectValue");
}
</script>2.
<HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
   .saveHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<FORM>
<INPUT class=saveHistory>
<INPUT class=saveHistory>
<INPUT class=saveHistory>
</FORM>
</BODY>
</HTML>