Monday, June 24, 2024

simple Login form in html





How to Create Login form using  html | bootstrap

👇ஃ Create a  Login  Form with source codeஃ

Source Code  :-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
content="width=device-width,
initial-scale=1.0">
    <title>Login page </title>
    <link rel="stylesheet"
href="css/bootstrap.css">

</head>
<body><br><br>
    <div class="col-md-7 bg-white bg-white
shadow-lg mt-5 p-3
mx-auto" >
    <!-- end contact section -->
 
  <!-- footer section start -->

  <?php include 'navigationbar.php';?>

<!-- footer  section Start --><br></br>
    <h1 class="text-center text-primary">
Login Form</h1>
    <form>
        <label>Email</label>
        <input type="email" name="em"
required value=""
placeholder ="Enter Email Address"
class="form-control">
           <label>Password</label>
        <input type="password" name="pws"
placeholder="Enter Password"
        class="form-control mt-1"
required value="">
       
        <div class="text-center">
            <input type="submit" name="b1"
value="Login"
class="btn btn-danger mt-2">
</div>
            <div class="text-center">
        <a href="register.php"
class="btn btn-primary mt-1">
Create An Account?</a>
        <div>
        </div>
       
       
</form>  
</div>
<?php

?>
</body>
</html>

How to Create Login form using  html | bootstrap

login form

No comments:

Post a Comment