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