Wednesday, June 26, 2024

Forgot Password form

 



Forgot Password form

How to Create Forgot Password form using  html | bootstrap

👇ஃ Create a  Forgot Password Form with source codeஃ

Source Code  :-

HTML ,bootstrap Source code:- 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content=
"width=device-width, initial-scale=1.0">
    <link rel="stylesheet"  
href="css/bootstrap.css">
    <title>Forgot password</title>
</head>
<body>
    <div class="col-md-4  bg-white shadow-lg
mx-auto mt-5 p-3">
    <h3 class="text-center text-primary">
Forgot Password</h3>
    <form>
        <label>Email Address</label>
        <input type="email" name="en"
class="form-control"
placeholder="seeta@gmail.com">
       
        <div class="text-center">
            <input type="submit" name="b1"
class="btn btn-danger mt-1"

value="Forgot Password"></div>
 
            <div class="text-center">
                <a href="login.php"
 value="Back"
class="btn btn-primary mt-1">Back</a>
            </div>
</Form>

</div>
</body>
</html>


     

How to Create Forgot Password form using  html | bootstrap


Forgot Password form



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

Registration Form

 

Responsive Register Form design using HTML 


Source Code :-

HTML  Source code:- 


<Doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" cont
ent="width=device-width, initial-scale=1.0">
    <link rel="stylesheet"
href="css/bootstrap.css">
    <title>Registration page</title>
   </head>
<body>
    <div class="col-md-4 bg-white
shadow-lg mx-auto mt-5 p-3">

    <h3 class="text-center text-primary">
Registration Form</h3>
    <Form>
        <label>Name</label>
        <input type="text" name="Name"
required value=""class="form-control">
       <label>Mobile  Number</label>
       <input type="text" name="mobile num"
required value="" class="form-control">
       <label>Address</label>
       <input type ="text" name="addr"
required value="" class="form-control">
       <label>Email</label>
       <input type="email" name="em"
required value="" class="form-control">
       <label>Password</label>
       <input type="pass" name="pws"
required value="" class="form-control">
       
       <div class="text-center">
        <input type ="submit"
value="Register" name="b1"
        class=" mt-1 btn btn-primary">            
</div>
         
   </div>

    </form>
    </div>
</body>
</html>

Responsive Registration Form page  design using HTML



Responsive Register Page  design using HTML



Related Post :-

1Contact us Page
2]  Feedback Form  
3] Navigation Bar design page
4] order Form design
5] product page