18910140161

JavaScript-如何将多个表单中的数据输入MySQL-堆栈溢出

顺晟科技

2022-10-18 12:48:37

177

我为更好的CSS创建了一个3表单注册页面,但现在我在输入并将其存储到我的数据库中时遇到了问题。

<代码><;DIV类=";容器";>;<;表单ID=";表单1";>;<;H2>;加入我们<;/H2>;<;输入类型=";文本";PLACEHOLDER=";用户名";名称=";用户名";必需/>;<;输入类型=";文本";PLACEHOLDER=";名字";名称=";名字";必需/>;<;输入类型=";文本";Placeholder=";姓氏";名称=";姓";/>;<;DIV类=";BTN";>;<;按钮类型=";按钮";ID=";登录";>;<;a href=";登录.HTML":>;登录<;/a>;<;/按钮>;<;按钮类型=";按钮";ID=";next1";>;下一步<;/按钮>;<;/DIV>;<;/窗体>;<;表单ID=";表单2";>;<;H2>;创建密码<;/H2>;<;输入类型=";密码";placeholder=";密码";名称=";密码";必需/>;<;输入类型=";密码";placeholder=";确认密码";必需/>;<;DIV类=";BTN";>;<;按钮类型=";按钮";ID=";back1";>;返回<;/按钮>;<;按钮类型=";按钮";ID=";next2";>;下一步<;/按钮>;<;/DIV>;<;/窗体>;<;表单ID=";格式3";>;<;H2>;完成注册<;/H2>;<;输入类型=";数字";PLACEHOLDER=";手机号码";名称=";编号";必需/>;<;输入类型=";电子邮件";placeholder=";电子邮件";name=";邮件";必需/>;<;DIV类=";BTN";>;<;按钮类型=";按钮";ID=";back2";>;返回<;/按钮>;<;按钮类型=";提交";ID=";提交";>;提交<;/按钮>;<;/DIV>;<;/窗体>;

每当我尝试获取输入并存储它时,它只存储上一个表单中的数据。有没有什么方法可以从所有三个表单中获取数据并存储它?

插入函数js

<div class="container">

    <form id="form1">
         <h2> Join Us </h2>
         <input type="text" placeholder="Username" name="username" required />
           <input type="text" placeholder="First Name" name="firstname" required />
           <input type="text" placeholder="Last Name" name="lastname" />
           <div class="btn"> 
           <button type="button" id="login"><a href="login.html"> Login </a></button>
            <button type="button" id="next1"> Next </button>
        </div>
    </form>
    
    <form id="form2">
            <h2> Create Password </h2>
            <input type="password" placeholder="Password" name="password" required />
            <input type="password" placeholder="Confirm Password" required />
       <div class="btn"> 
         <button type="button" id="back1"> Back </button>
         <button type="button" id="next2"> Next </button>
         </div>
    </form>
    
    <form id="form3">
       <h2> Complete Signup </h2>
       <input type="number" placeholder="Mobile number" name="number" required />
       <input type="email" placeholder="E-mail" name="mail" required />
       <div class="btn"> 
         <button type="button" id="back2"> Back </button>
         <button type="submit" id="submit"> Submit </button>
      </div>

</form>

顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航