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

别团等shy哥发育

发布于 2023-02-27 10:03:04

7.4K0

发布于 2023-02-27 10:03:04

文章被收录于专栏：全栈开发那些事

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

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

下面是代码

<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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-03-11，如有侵权请联系 cloudcommunity@tencent.com 删除

html