Bootstrap多页表单已损坏

时间:2018-02-20 22:44:15

标签: forms twitter-bootstrap-3

我想要完成的是一个多页表单,用于注册我的网站。不知何故,我打破了形式,不知道为什么它不起作用。请帮忙。 这是代码:

    <form id="regForm" action="/action_page.php">
      <h1>Register:</h1>
      <!-- One "tab" for each step in the form: -->
      <div class="tab">Name:
        <p><input placeholder="First name..." oninput="this.className = ''" name="fname"></p>
        <p><input placeholder="Middle name..." oninput="this.className = ''" name="mname"></p>
        <p><input placeholder="Last name..." oninput="this.className = ''" name="lname"></p>
      </div>
      <div class="tab">Contact Info:
        <p><input placeholder="E-mail..." oninput="this.className = ''" name="email"></p>
        <p><input placeholder="Confirm E-mail..." oninput="this.className = ''" name="email"></p>  
        <p><input placeholder="Phone..." oninput="this.className = ''" name="phone"></p>
      </div>
      <div class="tab">Address:
        <p><input placeholder="Address1" oninput="this.className = ''" name="address1"></p>
        <p><input placeholder="Address2" oninput="this.className = ''" name="address2"></p>
        <p><input placeholder="City" oninput="this.className = ''" name="city"></p>
        <p><input placeholder="State" oninput="this.className = ''" name="state"></p>
        <p><input placeholder="Zip Code" oninput="this.className = ''" name="zipcode"></p>
        <p><input placeholder="Country" oninput="this.className = ''" name="country"></p>
      </div>
      <div class="tab">Login Info:
        <p><input placeholder="Username..." oninput="this.className = ''" name="uname"></p>
        <p><input placeholder="Password..." oninput="this.className = ''" name="pword" type="password"></p>
      </div>
      <div style="overflow:auto;">
        <div style="float:right;">
          <button type="button" id="prevBtn" onclick="nextPrev(-1)">Previous</button>
          <button type="button" id="nextBtn" onclick="nextPrev(1)">Next</button>
        </div>
      </div>
      <!-- Circles which indicates the steps of the form: -->
      <div style="text-align:center;margin-top:40px;">
        <span class="step"></span>
        <span class="step"></span>
        <span class="step"></span>
        <span class="step"></span>
      </div>
    </form>

提前谢谢。

1 个答案:

答案 0 :(得分:0)

我弄清楚我是如何打破表格的。我粘贴到了后面,而不是在后面。我已经做了好几天了。我想我只是累了。感谢所有看过这个的人。