Javascript 提交表单时，请停留在页面的特定部分

我试图在用户按下按钮提交表单时实现这一点，然后当页面重新加载时，用户需要停留在该页面上

我有Worker/Buyer表单，因此当用户是买家并填写字段并提交表单时，页面重新加载时，它需要保留在该表单上

这是一个代码：

constswitchers=[…document.querySelectorAll（'.switcher'）]
切换器.forEach（项目=>{
item.addEventListener（'单击'，函数（））{
switchers.forEach（item=>item.parentElement.classList.remove（'is-active'））
this.parentElement.classList.add（'is-active'）
})
})

*，
*：：之前，
*：：之后{
框大小：边框框；
}
身体{
保证金：0；
字体系列：Roboto，-苹果系统，'Helvetica Neue'，'Segoe UI'，Arial，无衬线；
背景：#3b4465；
}
.表格组{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
}
.章节标题{
字体大小：32px；
字母间距：1px；
颜色：#fff；
}
.表格{
显示器：flex；
调整项目：灵活启动；
边缘顶部：30px；
}
.表格包装{
动画：hideLayer.3s向前放松；
}
.form-wrapper.is-active{
动画：showLayer.3s轻松前进；
}
@关键帧显示层{
50% {
z指数：1；
}
100% {
z指数：1；
}
}
@关键帧隐藏层{
0% {
z指数：1；
}
49.999% {
z指数：1；
}
}
.切换器{
位置：相对位置；
光标：指针；
显示：块；
右边距：自动；
左边距：自动；
填充：0；
文本转换：大写；
字体家族：继承；
字体大小：16px；
字母间距：.5px；
颜色：#999；
背景色：透明；
边界：无；
大纲：无；
变换：translateX（0）；
过渡：全部。3放松；
}
.form-wrapper.is-active.switcher登录{
颜色：#fff；
转化：translateX（90px）；
}
.form-wrapper.is-active.switcher注册{
颜色：#fff；
转换：translateX（-90px）；
}
.下划线{
位置：绝对位置；
底部：-5px；
左：0；
溢出：隐藏；
指针事件：无；
宽度：100%；
高度：2倍；
}
.下划线：：之前{
内容：''；
位置：绝对位置；
排名：0；
左：继承；
显示：块；
宽度：继承；
身高：继承；
背景色：当前颜色；
转变：转变。2放松；
}
.switcher login.underline:：before{
转化：translateX（101%）；
}
.switcher signup.underline:：before{
转化：translateX（-101%）；
}
.form-wrapper.is-active.underline:：before{
变换：translateX（0）；
}
.表格{
溢出：隐藏；
最小宽度：260px；
边缘顶部：50px；
填充：30px 25px；
边界半径：5px；
变换原点：顶部；
}
.表格登入{
动画：希德洛金。3秒放松向前；
}
.form-wrapper.is-active.form登录{
动画：showLogin.3s轻松前进；
}
@关键帧显示登录{
0% {
背景#d7e7f1；
转换：转换（40%，10px）；
}
50% {
变换：平移（0,0）；
}
100% {
背景色：#fff；
转换：转换（35%，-20px）；
}
}
@关键帧希德洛金{
0% {
背景色：#fff；
转换：转换（35%，-20px）；
}
50% {
变换：平移（0,0）；
}
100% {
背景#d7e7f1；
转换：转换（40%，10px）；
}
}
.表格注册{
动画：隐藏。3秒向前放松；
}
.form-wrapper.is-active.form注册{
动画：展示注册。3秒轻松前进；
}
@关键帧显示注册{
0% {
背景#d7e7f1；
转换：转换（-40%，10px）scaleY（.8）；
}
50% {
变换：平移（0,0）scaleY（.8）；
}
100% {
背景色：#fff；
转换：转换（-35%，-20px）scaleY（1）；
}
}
@关键帧隐藏{
0% {
背景色：#fff；
转换：转换（-35%，-20px）scaleY（1）；
}
50% {
变换：平移（0,0）scaleY（.8）；
}
100% {
背景#d7e7f1；
转换：转换（-40%，10px）scaleY（.8）；
}
}
.表单字段集{
位置：相对位置；
不透明度：0；
保证金：0；
填充：0；
边界：0；
过渡：全部。3放松；
}
.form登录字段集{
转化：translateX（-50%）；
}
.表单注册字段集{
转化：translateX（50%）；
}
.form-wrapper.is-active字段集{
不透明度：1；
变换：translateX（0）；
过渡：不透明度。4s缓进，变换。35s缓进；
}
.表格图例{
位置：绝对位置；
溢出：隐藏；
宽度：1px；
高度：1px；
剪辑：rect（0）；
}
.输入块{
边缘底部：20px；
}
.输入块标签{
字体大小：14px；
颜色：#A1B4；
}
.输入块输入{
显示：块；
宽度：100%；
边缘顶部：8px；
右侧填充：15px；
左侧填充：15px；
字体大小：16px；
线高：40px；
颜色：#3b4465；
背景：eef9fe；
边框：1px实心#cddbef；
边界半径：2px；
}
.form[type='submit']{
不透明度：0；
显示：块；
最小宽度：120px；
利润率：30px自动10px；
字号：18px；
线高：40px；
边界半径：25px；
边界：无；
过渡：全部。3放松；
}
.form-wrapper.is-active.form[type='submit']{
不透明度：1；
变换：translateX（0）；
过渡：全部。4s放松；
}
.btn登录{
颜色：#fbfdff；
背景：#a7e245；
转化：translateX（-30%）；
}
.btn注册{
颜色：#a7e245；
背景:#fbfdff；
盒影：插入0 2px#a7e245；
转化：translateX（30%）；
}

工人
请输入您的电子邮件和密码进行登录。
电子邮件
密码
登录
买主
请输入您的电子邮件、密码和密码确认以便注册。
电子邮件
密码
确认密码
继续

试试这个。 在div上添加id，在submit按钮上添加值

<?php  
if (isset($_POST['form1'])) {
echo '<script type="text/javascript">
  var element = document.getElementById("form1");
  element.classList.add("is-active");
          </script>';
} ?>
<?php  
if (isset($_POST['form2'])) {
echo '<script type="text/javascript">
  var element = document.getElementById("form2");
  element.classList.add("is-active");
          </script>';
} ?>

*，
*：：之前，
*：：之后{
框大小：边框框；
}
身体{
保证金：0；
字体系列：Roboto，-苹果系统，'Helvetica Neue'，'Seg
<form method="POST" action="/login">
   <input name="email"/>
   <input name="password"/>
   <button type="submit">Send</button>
</form>

<form method="POST" action="/login">
    <input name="email" id="email_input" />
    <input name="password" id="password_input" />
</form>
<button id="myBtn">Send</button>
<!-- JQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
    $("#myBtn").on("click", function () {
        // Getting data from form
        var email_value = $("#email_input").val()
        var password_value = $("#password_input").val()
        console.log(email_value)
        // Sending the POST request
        $.ajax({
            type: "POST",
            url: '/login',
            data: {
                email: email_value,
                password: password_value
            },
            success: function (response) {
                alert("Form submitted correctly \n see response in the console")
                console.log(response)
            },
        });

    }
    )
</script>

// On page startup
$( document ).ready(function() {
    // .. check URL for some token
    if (window.location.href.indexOf("someToken") > -1) {
       // token exists, scroll
       document.querySelector('yourElement').scrollIntoView({ behavior: 'smooth' })
    }
});