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

2023-02-27 10:03:04 浏览数 (1)

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

输入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 id="text1"></td> 
</tr> 
<tr height="100px"> 
<td id="text2"></td> 
</tr> 
<tr height="100px"> 
<td id="text3"></td> 
</tr> 
</table> 
</body>

0 人点赞