Login Form #4

akash-coded · 2022-02-06T16:05:39Z

akash-coded
Feb 6, 2022
Maintainer

Submissions for login forms created with Boostrap

ramprasana · 2022-02-06T16:22:51Z

ramprasana
Feb 6, 2022

<title>Login Form</title>

Login

Provide your credentials

Email

Password

Keep me signed in

Sign in

0 replies

vetim · 2022-02-06T16:29:24Z

vetim
Feb 6, 2022

Register

Provide your details

  <section>
    <form action="login-backend" method="GET" class="font-weight-bold">
      
      </div>

      <form>
        <div class="form-group">
          <label for="exampleInputEmail1">Email address</label>
          <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
          <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
        </div>
        <div class="form-group">
          <label for="exampleInputPassword1">Password</label>
          <input type="password" class="form-control" id="exampleInputPassword1">
        </div>
        <div class="form-group form-check">
          <input type="checkbox" class="form-check-input" id="exampleCheck1">
          <label class="form-check-label" for="exampleCheck1">Keep me signed in</label>
        </div>
        <button type="submit" class="btn btn-primary">Login</button>
      </form>
  </section>
</main>

<script src="../vendor/bootstrap/js/bootstrap.js"></script>

0 replies

Vibhaypandey · 2022-02-06T17:13:07Z

Vibhaypandey
Feb 6, 2022

    <body>
     <div>
         <h1>LOGIN</h1>
         <p>provide your credential</p><hr>
         <form action="" class="form-group">
             <label for="">Email :</label>
             <input type="email" placeholder ="Xyz@gmail.com"class=" form-inline"><br><br>
             <label for="">Password :</label>
             <input type="password" placeholder ="Xyztrr@y" class="form-inline">
             <ul class="help-block">
                 <li>password must contain 8 characters</li>
                 <li>first characters is capital</li>
                 <li>password does't contain roman number</li>
             </ul>
             <br><br>
             
             <input type="checkbox">
             <label for="">keep me signed in </label><br><br>
             <input type="button" value="Login" class="form-control btn-primary">
         </form>
     </div>
    </body>

0 replies

somitadubey · 2022-02-06T17:16:39Z

somitadubey
Feb 6, 2022

<main class="col-4 col-lg-6 mx-auto">
    <header class="text-center">
        <h1 class="text-primary text-uppercase">login</h1>
    </header>

    <hr/>
    <section>
        <form id="login" method="get" action="login.backend" class="font-weight-bold">
            <div id="username" name="username" class="col">
                <label for="username">Username:*</label>
                <input type="text" id="username" name="username" class="form-control" autocomplete="off" autofocus required />
            </div>
            <div id="password" name="password" class="col">
                <label for="password">Password:*</label>
                <input type="password" id="password" name="password" class="form-control" autocomplete="off" autofocus required /><br />
            </div>

            <button type="submit" class="btn btn-block btn-primary">Submit</button>

            <div class="checkbox">
                <label>
         <input type="checkbox"> Remember me</label> </div>
        </form>
    </section>
</main>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

0 replies

pooja2apr · 2022-02-06T17:22:57Z

pooja2apr
Feb 6, 2022

<title>Login Form using Bootstrap</title>

Login

Provide your credentials

Email

Password

Login

Keep me signed in

        </form>
    </section>
</main>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

0 replies

Wgjamia · 2022-02-06T17:24:20Z

Wgjamia
Feb 6, 2022

Username

Password

Login

Remember me

Cancel

0 replies

Wgjamia · 2022-02-06T17:24:50Z

Wgjamia
Feb 6, 2022

0 replies

Wgjamia · 2022-02-06T17:25:37Z

Wgjamia
Feb 6, 2022

Username

Password

Login

Remember me

Cancel

0 replies

Sreelakshmi-cs · 2022-02-06T18:18:55Z

Sreelakshmi-cs
Feb 6, 2022

    <main class="col-4 col-lg-6 mx-auto">
         <header class="text-center">
          <h1 class="text-primary text-uppercase">Login</h1>
          <h6 class="text-secondary">Enter Credentials</h6>
        </header>
        <hr />
<div id="Login" name="Login">
<form action="success.html" method="post">
<fieldset>
<div id="myemail" name="myemail">
<label for="email" class="col-sm-2 col-form-label">
E-Mail: </label><div class="col-sm-10">
<input type="email" name="email" id="email"  class="form-control" required><br><br>
</div>
</div>
 <div id="mypassword" name="mypassword" >
 <label for="password" class="col-sm-2 col-form-label">Password</label>
 <div class="col-sm-10">
 <input type="password" name="password" id="password"  class="form-control"required><br><br>
 </div>
 </div>
 <div class="form-check form-check-inline">
 <input type="checkbox" name="rememberme" id="rememberme" class="form-check-input"/> 
 </div>
 <label for="Remember" class="font-weight-bold">Keep Me Signed in</label>
 <div id="loginbutton"><br><br>
 <input type="submit" value="Login" class="form-control" />
 </div>
</fieldset>
</form>

0 replies

Login Form #4

Uh oh!

akash-coded Feb 6, 2022 Maintainer

Replies: 9 comments

Uh oh!

Login

Provide your credentials

Uh oh!

Register

Provide your details

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Login

Provide your credentials

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

akash-coded
Feb 6, 2022
Maintainer