js控制表单页面分页显示并使点击切换页面的标题变色显示

<script type="text/javascript" language="javascript">
   function selType(val){
  if(val=="jisuan"){
  table1.style.display="block";
  table2.style.display="none";
  yanse1.style.background="red";
  yanse.style.background="#498cd0";
  }else if(val=="area"){
  table1.style.display="none";
  table2.style.display="block";
  yanse.style.background="red";
  yanse1.style.background="#498cd0";
  }
   }
</script>

<input type="button" id="yanse" name="sel"style="cursor:pointer;margin:10px;background-color: #498cd0;border: 0px;color: white;width: 100px;" value="2014年信息"  οnclick="selType('area')" />
<input type="button" id="yanse1" name="sel" style="cursor:pointer;margin:10px;background-color: red;border: 0px;color: white;width: 100px;" value="2015年信息"  οnclick="selType('jisuan')" />

<table id="table1" style="display:block">
<tr>
<td>输入信息</td><td><input type="text"  /><input type="button" name="sel" value="下一页" οnclick="selType('area')" /></td>
</tr>
</table>
<table id="table2" style="display:none">
<tr>
<td>输入第二个信息</td><td><input type="text"  /><input type="button" name="sel" value="上一页"  οnclick="selType('jisuan')" /><input type="button" name="sel" value="下一页" οnclick="selType('abc')" /></td>

</tr>
</table>

总结：平时做项目会遇到比较大的表单，要进行分页，以上的方法非常的实用。我一般写的博客都是自己使用过后觉得好用实用我才发表出来