Question

我有一个带有两个表单的html页面，一个用于注册，一个用于登录，我已经完成了所有字段，但我想这样做，注册字段只是必需的，当你注册时，和登录只有您登录时才需要字段。

这是我的代码段：

<body>
<form name="register" action="FrontController" method="POST" style="border:1px solid #ccc">
 <div class="container">
<h1>Sign Up</h1>
    <p>Please fill in this form to create an account.</p>
     <hr>

<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>

<label for="email"><b>Postnummer</b></label>
<input type="text" placeholder="Skriv dit postnummer" name="postnummer" required>

<label for="email"><b>Postnummer</b></label>
<input type="text" placeholder="Skriv dit postnummer" name="postnummer" required>

<label for="email"><b>Adresse</label>
<input type="text" placeholder="Skriv din adresse" name="adresse" required>

<label for="email"><b>Telefonnummer</b></label>
<input type="text" placeholder="Skriv dit telefonnummer" name="phonenr" required>

<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>

<label for="psw-repeat"><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" name="psw-repeat" required>

<label>
  <input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
</label>


<div class="container">
<h1>Login</h1>
<hr>

<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>

<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>


<p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

<div class="clearfix">
  <button type="submit" class="loginbtn" value="Submit">Login</button>
  <button type="submit" class="signupbtn" value ="Submit">Login</button>
</div>

这有可能吗？

Answer 1

您在同一表单下使用两个提交按钮，因此需要进行验证。使用不同的表单进行登录和注册。

＆＃13;

<form>
Login form 
<input type="text" required>
<br>
<input type="submit" value="Login">
</form>


<form>
Register form 
<input type="text" required>
<br>
<input type="submit" value="Register">
</form>

＆＃13;

Answer 2

您需要使用两个单独的form来实现您的目标，
因为required属性仅适用于当前form。

以下是您修改过的HTML：

<body>
  <div class="container">
    <form name="register" action="FrontController" method="POST" style="border:1px solid #ccc">
      <h1>Sign Up</h1>
      <p>Please fill in this form to create an account.</p>
      <hr>
      <label for="email"><b>Email</b></label>
      <input type="text" placeholder="Enter Email" name="email" required>
      <label for="email"><b>Postnummer</b></label>
      <input type="text" placeholder="Skriv dit postnummer" name="postnummer" required>
      <label for="email"><b>Postnummer</b></label>
      <input type="text" placeholder="Skriv dit postnummer" name="postnummer" required>
      <label for="email"><b>Adresse</b></label>
      <input type="text" placeholder="Skriv din adresse" name="adresse" required>
      <label for="email"><b>Telefonnummer</b></label>
      <input type="text" placeholder="Skriv dit telefonnummer" name="phonenr" required>
      <label for="psw"><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="psw" required>
      <label for="psw-repeat"><b>Repeat Password</b></label>
      <input type="password" placeholder="Repeat Password" name="psw-repeat" required>
      <label><input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me</label>
      <div class="clearfix">
        <button type="submit" class="signupbtn" value="Submit">Sign-up</button>
      </div>
    </form>
  </div>
  <div class="container">
    <form name="login" action="FrontController" method="POST" style="border:1px solid #ccc">
      <h1>Login</h1>
      <hr>
      <label for="email"><b>Email</b></label>
      <input type="text" placeholder="Enter Email" name="email" required>
      <label for="psw"><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="psw" required>
      <div class="clearfix">
        <button type="submit" class="loginbtn" value="Submit">Login</button>
      </div>
    </form>
  </div>
</body>

希望它有所帮助。

html只需要申请一个表格

2 个答案: