时间戳

首页 > 解决方案 > 所需的 html 仅适用于一种形式

html - 所需的 html 仅适用于一种形式

问题描述

我有一个 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>

这有可能吗？

标签： html

解决方案

您需要使用两个单独form的 s 来实现您想要的，
因为该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>

希望能帮助到你。

推荐阅读