在表数据中输入Html文本

Html Textinput in Table Data

本文关键字：Html 文本 输入 数据      更新时间：2023-09-26

我们的老师希望我们创建一个网站，将从用户(textfield)接收文本并将其发送到表数据，它需要在<form>

当我使用<form>时，我在文本字段中输入文本并提交文本，我输入的文本显示在表数据中，同时它像在文本字段中一样消失，我知道这是因为<form>，当我删除<form>时，文本显示在表数据中。

下面是我的代码: 
<form>
  Name:   <input action="f1.document.getElementById("first_name");"  id="first_name" size="30"  type="text" >
<button class="okok" name="myBtn" type="submit"  value="Submit Data" onClick="ajax_post();">COMPUTE </button>
                    </form> 
<table>
<tr>    
 <td style="color:white;" id=f1  >   </td>
</tr>
</table>

脚本: 

function ajax_post(){


    var fn = document.getElementById("first_name").value;
   var table = document.getElementById("f1");
   table.innerText = fn;
}

这是因为按钮正在"提交"表单，这就像刷新页面一样，因为它会清除值。

你必须停止表单提交，像这样:

<form onsubmit="return false;">
相关文章：