<table>
<tr>
<td>学号</td><td>姓名</td><td>班级</td>
</tr>
<!---在这里循环出你的记录---->
<tr>
<td></td><td></td><td></td>
</tr>
<!----循环记录结束---->
<!----在这里输入表单--->
<form action="本页">
<tr>
<td></td><td><input type="text"></td><td><input type="text"><input type="submit"></td>
</tr>
</form>
</table>
这样是你要的结果吗
<tr>
<td>学号</td><td>姓名</td><td>班级</td>
</tr>
<!---在这里循环出你的记录---->
<tr>
<td></td><td></td><td></td>
</tr>
<!----循环记录结束---->
<!----在这里输入表单--->
<form action="本页">
<tr>
<td></td><td><input type="text"></td><td><input type="text"><input type="submit"></td>
</tr>
</form>
</table>
这样是你要的结果吗
<input type="button" value="增加一行数据" onclick="addData();">
<table id="tb">
<tr>
<td>
学号
</td>
<td>
姓名
</td>
<td>
班级
</td>
</tr>
<tr>
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
<td>
<input type="text" />
</td>
</tr>
</table>
</body>
<script>
function addData()
{
var tb = document.getElementById("tb");
var oTR=tb.insertRow(tb.rows.length);
oTR.style.position='relative';
var oTD=oTR.insertCell(0);
oTD.innerHTML="<input type='text'>";
oTD=oTR.insertCell(1);
oTD.innerHTML="<input type='text'>";
oTD=oTR.insertCell(2);
oTD.innerHTML="<input type='text''>";
}
</script>
function enterInsertRow()
{
if(event.keyCode==13)
{
var table=document.getElementById("tb");
var tr=table.insertRow();
var td=tr.insertCell();
td.innerHTML="<input type='text' />";
var td=tr.insertCell();
td.innerHTML="<input type='text' />";
var td=tr.insertCell();
td.innerHTML="<input type='text' onkeydown='enterInsertRow()' />";
}
}
</script>
<table id="tb">
<tr>
<th>学号</th><th>姓名</th><th>班级</th>
</tr>
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td><input type="text" onkeydown="enterInsertRow()" /></td>
</tr>
</table>