Javascript 将表单值传递到下一个html页面_Javascript_Html_Forms_Dom_Local Storage

Javascript 将表单值传递到下一个html页面

javascript html forms dom

Javascript 将表单值传递到下一个html页面,javascript,html,forms,dom,local-storage,Javascript,Html,Forms,Dom,Local Storage,我创建了这三个文件home.html、test.js和info.html。我想将home.html中的数据传递到info.html。当输入只有一个时，它就工作了，但当我添加第二个输入时，它就停止工作了。请在下面查找代码 #Home.html# 停止工作是什么意思？我猜您很可能正在覆盖结果的innerHTML，浏览器开发工具控制台中抛出的任何错误？@始终显示的唯一值是fname元素。第二个元素lname不显示在信息中。html@AileenAkpalu是的，这是因为您正在覆盖现有的HTML-添加

我创建了这三个文件home.html、test.js和info.html。我想将home.html中的数据传递到info.html。当输入只有一个时，它就工作了，但当我添加第二个输入时，它就停止工作了。请在下面查找代码

#Home.html#

停止工作是什么意思？我猜您很可能正在覆盖

结果的innerHTML
，

浏览器开发工具控制台中抛出的任何错误？@始终显示的唯一值是fname元素。第二个元素lname不显示在信息中。html@AileenAkpalu是的，这是因为您正在覆盖现有的HTML-添加一个

符号您似乎没有按照处理结果的方式设置span中的lname文本

<html>
    <head>
      <title>HOME PAGE</title>
    </head>
    <body>
        <h1>Transfer your name</h1>
        <form action="info.html">
            <input type="text" name="first" id="myname">
            <input type="text" name="last" id="mlname">
            <input type="submit" name="button" id="sender" onclick="passvalue()">
            <script type="text/javascript" src="test.js"></script>
        </form>
    </body>
</html>

<html>
    <head>
        <title>INFO PAGE</title>
    </head>
    <body>
     
        A:<span id="result"></span>
        B: <span id="last"></span>
   
        <script type="text/javascript" src="test.js"></script>
    </body>
</html>`

function passvalue(){

    let fname=document.getElementById("myname").value;
    let lname=document.getElementById("mlname").value;

    localStorage.setItem("textvalue",fname);
    localStorage.setItem("namevalue",lname);

    return false;
}
document.getElementById("result").innerHTML=localStorage.getItem("textvalue");
document.getElementById("last").innerHTML=localStorage.getItem("namevalue");