如何将post数据数组从一个html表单发送到另一个表单？_Html_Fetch

如何将post数据数组从一个html表单发送到另一个表单？

html

如何将post数据数组从一个html表单发送到另一个表单？,html,fetch,Html,Fetch,我想发送从html表单获取的所有输入数据，并在另一个html表单中显示它们（作为预览）我的第一个html表单： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s

我想发送从

html

表单获取的所有输入数据，并在另一个

html

表单中显示它们（作为预览）

我的第一个html表单：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cafteria details</title>
    <link rel="stylesheet" href="styles.css">
   
        
</head>
<body>
    <h2>Cafeteria registration</h2>
    <form id="details" method="POST">
        Full name: <input type="text" id="name" size=25 "><br><br>
        Organization:<div id="org"><input type="checkbox" id="cb1" onclick="check()">ID no: <input type="number" id="org_number" style="visibility: hidden"><br><br>
                     <input type="checkbox" id="cb2" onclick="check()">Mobile No: <input type="tel" id="ph_number" style="visibility: hidden" required></div><br><br>
        
        E-mail: <input type="email" id="email" size=25><br><br>
        Upload ID Card: <input type="file" accept=".jpeg , .png" id="img"><br><br>
        
    </form>
    <button id="button" style="background-color: whitesmoke" onclick="submit()" >Register</button>
    <script src="back_end.js" async></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Preview</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="preview_back_end.js"async></script>
    <link rel="stylesheet" href="preview_styles.css">
</head>
<body>
    <h2>Please finalize your details</h2>
    <form id="details" method="post" class="form">

        Full name: <strong name="name_1" value=""></strong><br><br>
        ID No:<strong name="org_number_1" value=""></strong><br><br>
        Mobile No:<strong name="ph_number_1" value=""></strong><br><br>
        
        E-mail: <strong name="email_1"></strong><br><br>
        ID Card: <img src="" alt="preview" name="image" style="width: 100px; height: 100px;" value=""><br><br>

        <button id="go" style="background-color: whitesmoke">It's correct</button>
        
    </form>
    <button id="back" style="background-color: whitesmoke" onclick="goback()">Something's wrong</button>
    <p id="response"></p>
</body>
</html>

我的第二个html表单：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cafteria details</title>
    <link rel="stylesheet" href="styles.css">
   
        
</head>
<body>
    <h2>Cafeteria registration</h2>
    <form id="details" method="POST">
        Full name: <input type="text" id="name" size=25 "><br><br>
        Organization:<div id="org"><input type="checkbox" id="cb1" onclick="check()">ID no: <input type="number" id="org_number" style="visibility: hidden"><br><br>
                     <input type="checkbox" id="cb2" onclick="check()">Mobile No: <input type="tel" id="ph_number" style="visibility: hidden" required></div><br><br>
        
        E-mail: <input type="email" id="email" size=25><br><br>
        Upload ID Card: <input type="file" accept=".jpeg , .png" id="img"><br><br>
        
    </form>
    <button id="button" style="background-color: whitesmoke" onclick="submit()" >Register</button>
    <script src="back_end.js" async></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Preview</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="preview_back_end.js"async></script>
    <link rel="stylesheet" href="preview_styles.css">
</head>
<body>
    <h2>Please finalize your details</h2>
    <form id="details" method="post" class="form">

        Full name: <strong name="name_1" value=""></strong><br><br>
        ID No:<strong name="org_number_1" value=""></strong><br><br>
        Mobile No:<strong name="ph_number_1" value=""></strong><br><br>
        
        E-mail: <strong name="email_1"></strong><br><br>
        ID Card: <img src="" alt="preview" name="image" style="width: 100px; height: 100px;" value=""><br><br>

        <button id="go" style="background-color: whitesmoke">It's correct</button>
        
    </form>
    <button id="back" style="background-color: whitesmoke" onclick="goback()">Something's wrong</button>
    <p id="response"></p>
</body>
</html>


预览
请最后确定您的详细信息
全名：


ID号：


手机号码：


电子邮件：


身份证：


没错
有点不对劲

现在我想获取这些值并将它们写入这个新的html表单中，我该怎么做？另外，从第二个html页面，我想
将数据发布到我的php 脚本中。哦，这是前端。但是你需要后端您可以使用“PHP”实现表单上传。仅使用javascript无法实现表单上传 ***.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cafteria details</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h2>Cafeteria registration</h2> <form id="details" method="POST" action="demo.php"> Full name: <input type="text" id="name" size=25 " name="fullname"><br><br> Organization:<div id="org"><input type="checkbox" id="cb1" onclick="check()" name="org">ID no: <input type="number" id="org_number" style="visibility: hidden" name="id"><br><br> <input type="checkbox" id="cb2" onclick="check()">Mobile No: <input type="tel" id="ph_number" style="visibility: hidden" required name="mobile"></div><br><br> E-mail: <input type="email" id="email" size=25 name="email"><br><br> Upload ID Card: <input type="file" accept=".jpeg , .png" id="img" name="idcard"><br><br> </form> <button id="button" style="background-color: whitesmoke" onclick="submit()" >Register</button> <script src="back_end.js" async></script> </body> </html> 咖啡馆细节自助餐厅登记全名：