Bank Account Registration Form using HTML and CSS with Source Code

Explore our Bank Registration Form, a seamless aggregate of HTML and CSS, designed for effortless consumer enrollment. Our intuitive from combines present day aesthetic with sensible functionality, making sure a clean user experience. Form non-public facts to account info, our form is simple to navigate. Download the source code not to enhance you net web page's person registration method.


HTML CODE

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form</title>
    <link rel="stylesheet" href="bank.css">
</head>
<body>
    <div class="bank">
        <center>
    <form>
       
   
    <h2>Bank Account Information Form</h2><hr>
    Name<br>
    <input type="text" placeholder="First">
    <input type="text" placeholder="Last"><br><br>

    Given Name (of application)<br>
    <input type="text" placeholder="First">
    <input type="text" placeholder="Last"><br><br>

    Date Of Birth<br>
    <input type="date" name="dob"><br><br>

    Residential Address <br>
    <input type="text" placeholder="Street Address"><br><br>
    <input type="text" placeholder="Street Address Line2"><br><br>
    <input type="text" placeholder="city">
    <input type="text" placeholder="Region"><br><br>
    <input type="number" placeholder="Postal/Zip code">
    <input type="text" placeholder="Romenla"><br><br>

    Phone<br>
    <input type="number" placeholder="### ### ####"><br>

    Email<br>
    <input type="email" name="email"><br><br>
     <b>Account Details</b><br>
     Name of bank, credit unlone or building society<br>
     <input type="text" name="name of bank"><br>
     Branch<br>
     <input type="text" name="branch"><br>
     Address<br>
     <input type="text" name="address" placeholder="Street Address"><br><br>
     <input type="text" name="address" placeholder="Street Address Line2"><br><br>
     <input type="text" placeholder="city">
     <input type="text" placeholder="Region"><br><br>
     <input type="number" placeholder="Postal/Zip code">
     <input type="text" placeholder="Romenla"><br><br>    
     Account in the name(s) of<br>
     <input type="text" name=" account name"><br><br>    
     Account type(e.g saving)<br>
     <input type="text" name=" account type"><br><br>
     <button class="sub">SEND</button>  
    </div>
</form>
</center>


</body>
</html>




CSS CODE

bank.css


    body{
        margin: auto;
       
    }
    section{
        text-align: center;
    }    

    .bank input{
        height: 30px;
        width: 45%;
        border-radius: 10px;
        text-align: center;
        color: rgb(255, 25, 0);
        font-size: 20px;
        border-color: yellow;
       
    }

    .bank{
        width: 100%;
        height: 100%;
        justify-content: center;
        flex-direction: column;
       text-align: center;
       font-size: 25px;
       color: blue;
     
       
    }
    form{
        background: rgb(212, 229, 233);
        padding: 2vw 4vw;
        max-width: 600px;
        border-radius: 20px;
    }
    h2{
        color: rgb(213, 80, 18);
    }
    button{
        color: blue;
        background-color: rgb(0, 213, 255);
        height: 45px;
        width: 20%;
        font-size: 30px;
        border-radius: 15px;
        border-color: yellow;
    }
    b{
        color: brown;
    }
       



   

OUT PUT









Related Topics

    What is different between programming and coding ?   Click Here

    HTML Tutorial, What is HTML    Click Here