javascript表单提交的内容显示在表格中

时间:2023-02-13 10:58:14


实现三个文本域的内容提交之后显示在表格中,代码直接用文本文件运行,记得后缀改为.html

运行结果

javascript表单提交的内容显示在表格中


输入123,并点击提交按钮之后,数据就会显示在下面的表格中,有什么问题可以私聊我。

javascript表单提交的内容显示在表格中


下面是代码

<script language="javascript"> 
function chk()
{
setTimeout("chk()",100);
text1.innerHTML = form1.t1.value;
text2.innerHTML = form1.t2.value;
text3.innerHTML = form1.t3.value;
}
</script>
<body οnlοad="chk()">
<form name="form1">
<textarea name="t1"></textarea><br />
<textarea name="t2"></textarea><br />
<textarea name="t3"></textarea><br />
<input type="button" value="提交" onclick="chk()">
</form>
<table border="1" width="200" style="border-collapse: collapse" bordercolor="#008000">
<tr height="100px">
<td ></td>
</tr>
<tr height="100px">
<td ></td>
</tr>
<tr height="100px">
<td ></td>
</tr>
</table>
</body>