1. 程式人生 > >簡單的登陸介面

簡單的登陸介面

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>Login</title>
</head>
<body>
 <h2>Login</h2>
 <form action="" method="get" class="form-example">
  <fieldset>
   <div>
    <label for="username">Enter your username</label>
    <input type="text" name="username">
   </div><br>

   <div>
          <label for="password">Enter your password</label>
          <input type="password" id="password" name="password"
                    minlength="10" required
                       placeholder="10 characters minimum"/>
      </div><br>       <input type="checkbox" id="remember the password" 
          value="remember the password"checked/>
      <label for="remember the password">remember the password
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
      <input type="submit" value="Sign in"/><br><br>       <div>
       <label for="register">If you haven't joined us yet,please click here</label>
       <input type="submit" value="Register">
      </div><br>       <div>
       <label for="register">If you forget your password,please click here</label>
       <input type="submit" value="Retrieve">
      </div>
     </fieldset>
    </form>
</body>
</html>   介面效果: