js表单的问题，想知道为什么我浏览没有效果

Question

我想在输入内容后list把输入的内容展示出来，但是为什么我点list之后只是一闪就没了，内容没有展示出来，像刷新了一样。

<form action="" method=""> <!-- form表单-->

    用户名：<input id="yhm" name="用户名" type="text" ><!-- input输入框,type=text,输入文本 -->





    您输入的信息为:         <br><br><br>
    <div id="aa">   </div>
     <p id="mima"> </p>
    <p id="morenss"> </p>
    <p id="changquwangzhan"></p>
    <p id="zuixiangliaojie"> </p>
    <p id="zhangwojineng"></p>


</form>

function list() { let mz =document.getElementById("yhm").value; document.getElementById("aa").innerText= "姓名："+ mz ; }

（多的我删了要是觉得不全我再）

Answer 1

你用得死form标签，form标签提交后会刷新页面。action属性加上后，你仔细观察url会发现不一样。因为你没写action，所以你看起来还在这个页面，其实已经提交并刷新页面了。建议直接把form去掉就好了，一样的效果