Thursday, October 27, 2022

Fillable form HTML

 <!DOCTYPE html>

<html>

    <head>

        <title>Fillable Form</title>

        <link="text/css" rel="stylesheet"

        a href="style.css">

    </head>

    <body><div class="container">

        <h1>Fillable Form</h1>

      <form>

           Name: <input type="text"><br><br>

          * Email: <input type="email"required><br><br>

          * Password: <input type="Password" required><br><br>

           <fieldset>

               <legend>Gender</legend>

               <input type="radio" name="Gender" value="Male" id="Male">Male</input>

               <input type="radio" name="Gender" value="Female" id="Female">Female</input>

           </fieldset><br><br>

           Phone no: <select>

               <option value="+977" name="Nepal">+977</option>

                <option value="+968" name="Oman">+968</option>

                 <option value="+945" name="China">+945</option>

                  <option value="+91" name="India">+91</option>

           </select>

           <input type="number"><br><br>

           <input type="submit" name="Submit" Value="Submit">

        </form></div>

    </body>

</html>

Fillable form CSS

 


.container{

    box-sizing:border-box ;

    margin:5px;

    padding:5px;

    border:1px solid black;

    border-radius:4px;

    background-color:#ccc;

    font-family:times new roman;

    font-weight:bolder ;

    width:100%;

}

h1{

    text-align:center ;

    color:black;

    

}

input[type="submit"]{

    color:white;

    background-color:blue;

    border-radius:3px;

    border:none;

    padding:4px;

    width:30%;


    

    

}

fieldset{

    padding:4px;

    border-color:black;

    width:95%;

}


Navbar CSS

 *{     margin:0;      padding:0     font-family: 'Fredoka One', cursive;     font-weight:bold; } #navbar{    margin:0;     padding:...