Javascript 如何创建具有N个div'；最初_Javascript_Php_Html

Javascript 如何创建具有N个div'；最初

javascript php html

Javascript 如何创建具有N个div'；最初,javascript,php,html,Javascript,Php,Html,我正在做一个像表单一样的页面，有多个步骤但在此之前，我从前面的形式中取一个数字N，它表示形式的步数每个步骤都需要“tab”类的特定div。现在，我需要使用Javascript或PHP将主div复制到N次 <form id="regForm" action="/action_page.php">  &l

我正在做一个像表单一样的页面，有多个步骤

但在此之前，我从前面的形式中取一个数字N，它表示形式的步数

每个步骤都需要“tab”类的特定div。现在，我需要使用Javascript或PHP将主div复制到N次

<form id="regForm" action="/action_page.php">

    <!-- One "tab" for each step in the form: -->
    <div class="tab">
        <h1>Register:</h1>
        Name:
        <p><input placeholder="First name..." oninput="this.className = ''" name="fname"></p>
        <p><input placeholder="Last name..." oninput="this.className = ''" name="lname"></p>
    </div> 
</form>


登记册：
姓名：

此代码将div克隆N次

<html>
<body>

    <div class="tab" id="id0">
        <p>Test Tab</p>
    </div> 

<script>
    // Get the element
    var elem = document.querySelector('#id0');

    //set n to the value form the previous page
    var n = 10;
    var i;
    for (i = 1; i < n; i++) {
        // Create a copy of it
        var clone = elem.cloneNode(true);

        // Update the ID
        clone.id = "id" + n;

        // Inject it into the DOM
        elem.after(clone);
    }

    
</script>

</body>
</html>


测试选项卡
//获取元素
var elem=document.querySelector（'#id0'）；
//将n设置为上一页的值
var n=10；
var i；
对于（i=1；i

您可以使用for，并根据POST或GET带来的步骤数重复div

<!-- One "tab" for each step in the form: -->

<?php 

    $divs = $_POST('number_divs'); 
    
    for ($i = 1; $i <= $divs; $i++) { 
    
?>

<div class="tab">
    <h1>Register:</h1>
    Name:
    <p><input placeholder="First name..." oninput="this.className = ''" name="fname"></p>
    <p><input placeholder="Last name..." oninput="this.className = ''" name="lname"></p>
</div> 

<?php }  ?>


登记册：
姓名：

那么。。去做吧，如果你遇到任何问题，让我们知道。你尝试了什么？向我们展示您的最佳尝试（代码）。请读英语！非常感谢。