style.marginLeft函数在JavaScript中不起作用

我正在尝试使用HTML创建一个多步骤的用户注册表单。我已经添加了两个部分，现在当我从javascript中引用next按钮时，它可以工作，但在转换后返回到第一页

HTML代码：

            <form>
                <div class="page slidePage ">
                    <div class="field">
                        <div class="label">Username*</div>
                        <input type="text">
                    </div>
                    <div class="field">
                        <div class="label">Firstname*</div>
                        <input type="text">
                    </div>
                    <div class="field">
                        <div class="label">Lastname*</div>
                        <input type="text">
                    </div>
                    <div class="field">
                        <button class="nxt nextBtn-1">Next</button>
                    </div>
                </div>

                <div class="page">
                    <div class="field">
                        <div class="label">Email</div>
                        <input type="text">
                    </div>
                    <div class="field">
                        <div class="label">Password</div>
                        <input type="text">
                    </div>
                    <div class="field">
                        <div class="label">Password Confirmation</div>
                        <input type="text">
                    </div>
                    <div class="field buttons">
                        <button class="prev-1 prev">Previous</button>
                        <button class="submit">Next</button>
                    </div>
                </div>
            </form>

但这种情况正在发生： [1] ：

在表单中使用

，提交表单并重新加载页面

使用

而不是在表单中使用

提交表单并重新加载页面

---

改为使用

您可以使用“防止默认”。它会停止页面以重新加载

first_nextBtn.addEventListener("click", function(event){
    event.preventDefault();
    slidePage.style.marginLeft = "-25%";
});

---

可以使用“防止默认”。它会停止页面以重新加载

first_nextBtn.addEventListener("click", function(event){
    event.preventDefault();
    slidePage.style.marginLeft = "-25%";
});

---

表单刷新页面，您可以使用

<button type="button"></button>

---

或者使用event.preventDefault（）

表单刷新页面，您可以使用

<button type="button"></button>

或者使用event.preventDefault（）