Employee Registration Form in HTML With CSS - Source Code Free Download

Employee Registration Form in HTML With CSS - Source Code Free Download
Employee Registration Form in HTML With CSS - Source Code Free Download

Employee Registration Form in HTML With CSS - Source Code Free Download

Welcome to bengalstudent.in Here we are share with you Employee Registration Form in HTML With CSS - Source Code Free Download.

If you are learning HTML Basics then this post is for you, here we have shared for you The Student registration form in html with css, registration form design in html and css with code, login and registration form in html and css, bootstrap responsive registration form template PDF free download.

Here you will find more about Free Download Source code of Employee Registration Form in HTML With CSS. student registration form template html css free download, login and registration form in php template free download, Source Code for Employee Registration Form in HTML With CSS, bootstrap student registration form template free download,

Employee Registration Form in HTML With CSS - Source Code Free Download

 <html>  
 <head>  
      <title>Online Job Application Form</title>  
      <style>  
           body{  
                font-family: "comic sans ms", sans serif;  
                background-color: lightgreen;  
                margin: 0;  
           }  
           h2{  
                background-color: forestgreen;  
                color: white;  
                padding: 10px;  
                text-align: center;  
           }  
           td{  
                padding: 7px;  
           }  
           input{  
                height: 30px;  
                border-radius: 10px;  
                border: none;  
           }  
           input:focus{  
                outline: none;  
                border: 1px solid forestgreen;  
           }  
           input:hover{  
                box-shadow: 5px 5px 5px black;  
           }  
           .button{  
                background-color: forestgreen;  
                color:#fff;  
                border: none;  
                padding: 7px  
           }  
           .button:hover {  
                cursor: pointer;  
                box-shadow: 5px 5px 5px red;  
           }  
      </style>  
 </head>  
 <body>  
      <h1 align="center">Online Job Applicatio Form</h1>  
      <form>  
           <div id="personal-details">  
           <h2 align="center">Personal Deatils</h2>  
                <table width="100%">  
                     <tr>  
                          <td>First Name</td>  
                          <td>  
                               <input type="text" placeholder="First Name" size="25">  
                          </td>  
                          <td>Middle Name</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>Last Name</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Father's Name</td>  
                          <td>  
                               <input type="text" placeholder="Father's Name" size="25">  
                          </td>  
                          <td>Mother's Name</td>  
                          <td>  
                               <input type="text" placeholder="Father's Name" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Date of Birth</td>  
                          <td>  
                               <input type="date">  
                          </td>  
                          <td>Place of Birth</td>  
                          <td>  
                               <input type="text" placeholder="Place of Birth" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td colspan="2">Select Gender</td>  
                          <td>  
                               <input type="radio" name="gender" value="male">Male  
                          </td>  
                          <td>  
                               <input type="radio" name="gender" value="feale">Female  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Contact Details</td>  
                     </tr>  
                     <tr>  
                          <td>Mobile Number</td>  
                          <td>  
                               <input type="number" placeholder="9831****" size="25">  
                          </td>  
                          <td>Email Id</td>  
                          <td>  
                               <input type="text" placeholder="your id@gmail.com" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td colspan="2">Language Known</td>  
                          <td>  
                               <input type="checkbox" value="english">English  
                          </td>  
                          <td>  
                               <input type="checkbox" value="bengali">Bengali  
                          </td>  
                          <td>  
                               <input type="checkbox" value="hindi">Hindi  
                          </td>  
                     </tr>  
                     <tr>  
                          <td colspan="2">Your Mother Tongue</td>  
                          <td>  
                               <select>  
                                    <option>English</option>  
                                    <option>Bengali</option>  
                                    <option>Hindi</option>  
                               </select>  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Aadhar Number</td>  
                          <td>  
                               <input type="number" placeholder="Aadhar Number" size="25">  
                          </td>  
                          <td>Pan Card Number</td>  
                          <td>  
                               <input type="number" placeholder="Pan Card Number" size="25">  
                          </td>  
                     </tr>  
                </table>  
           </div>  
           <!-- Address Details -->  
           <div id="address-details">  
           <h2>Address Details</h2>  
                <h3>A) Present Address</h3>  
                <table width="100%">  
                     <tr>  
                          <td>Nationality</td>  
                          <td>  
                               <input type="radio" name="gender" value="indian">Indian  
                          </td>  
                          <td>  
                               <input type="radio" name="gender" value="other">Other  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>State</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>District</td>  
                          <td>  
                               <select>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                               </select>  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Police Station</td>  
                          <td>  
                               <select>  
                                    <option>Bishnupur</option>  
                                    <option>Baruipur</option>  
                                    <option>Canning</option>  
                                    <option>Diomndharbar</option>  
                                    <option>Barasat</option>  
                                    <option>Sonarpur</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                               </select>  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Ward GP</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>Vill / Para / House No / Road:</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Post Office</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>Pin Code</td>  
                          <td>  
                               <input type="phone" size="25">  
                          </td>  
                     </tr>  
                </table>  
                <br><br>  
           </div>  
           <div>  
                <h3>B) Present Address</h3>  
                <table width="100%">  
                     <tr>  
                          <td colspan="2">Same as Present Address</td>  
                          <td>  
                               <input type="radio" name="Address" value="yes">Yes  
                          </td>  
                          <td>  
                               <input type="radio" name="Address" value="no">No  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Nationality</td>  
                          <td>  
                               <input type="radio" name="gender" value="indian">Indian  
                          </td>  
                          <td>  
                               <input type="radio" name="gender" value="other">Other  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>State</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>District</td>  
                          <td>  
                               <select>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                               </select>  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Police Station</td>  
                          <td>  
                               <select>  
                                    <option>Bishnupur</option>  
                                    <option>Baruipur</option>  
                                    <option>Canning</option>  
                                    <option>Diomndharbar</option>  
                                    <option>Barasat</option>  
                                    <option>Sonarpur</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                                    <option>South 24 Parganas</option>  
                                    <option>North 24 Parganas</option>  
                               </select>  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Ward GP</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>Vill / Para / House No / Road:</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Post Office</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>Pin Code</td>  
                          <td>  
                               <input type="phone" size="25">  
                          </td>  
                     </tr>  
                </table>  
           </div>  
           <!-- Educational Qualification -->  
           <div id="educational-qualification">  
           <h2> Educational Qualification</h2>  
                <table width="100%">  
                     <tr>  
                          <td>Sl</td>  
                          <td>Qualification</td>  
                          <td>Instituited / University</td>  
                          <td>Year of Passing</td>  
                          <td>Marks (%)</td>  
                     </tr>  
                     <tr>  
                          <td>1</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>2</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>3</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>4</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                     </tr>  
                </table>  
           </div>  
           <!-- Work Experience -->  
           <div id="work-experience">  
           <h2>Work Experience</h2>  
                <table width="100%">  
                     <tr>  
                          <td>Sl No</td>  
                          <td>Company Address</td>  
                          <td>Work / Role</td>  
                          <td>Duration (form - to)</td>  
                     </tr>  
                     <tr>  
                          <td>1</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="date" size="25">  
                          </td>  
                          <td>  
                               <input type="date" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>2</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="date" size="25">  
                          </td>  
                          <td>  
                               <input type="date" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>3</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="date" size="25">  
                          </td>  
                          <td>  
                               <input type="date" size="25">  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>4</td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="text" size="25">  
                          </td>  
                          <td>  
                               <input type="date" size="25">  
                          </td>  
                          <td>  
                               <input type="date" size="25">  
                          </td>  
                     </tr>  
                </table>  
           </div>  
           <!-- Other Details -->  
           <div id="other-details">  
           <h2>Other Details</h2>  
                <table width="100%">  
                     <tr>  
                          <td>Job Type</td>  
                          <td>  
                               <input type="radio" name="jobtype" value="permanent">Permanent  
                          </td>  
                          <td>  
                               <input type="radio" name="jobtype" value="contrect">Contrect  
                          </td>  
                          <td>  
                               <input type="radio" name="jobtype" value="other">Other  
                          </td>  
                     </tr>  
                     <tr>  
                          <td>Date Of Joining</td>  
                          <td>  
                               <input type="date">  
                          </td>  
                          <td>Date Of Joining</td>  
                          <td>  
                               <input type="date">  
                          </td>  
                     <tr>  
                          <td>Preferred Job Location</td>  
                          <td>  
                               <input type="radio" name="joblovation" value="kolkata">Kolkata  
                          </td>  
                          <td>  
                               <input type="radio" name="joblovation" value="hydarabad">Hydarabad  
                          </td>  
                          <td>  
                               <input type="radio" name="joblovation" value="other">Other  
                          </td>  
                     </tr>  
                     <tr>  
                          <td colspan="1">Willing to relocate to Hydarabad</td>  
                          <td>  
                               <input type="radio" name="Hydarabad" value="yes">Yes  
                          </td>  
                          <td>  
                               <input type="radio" name="Hydarabad" value="no">NO  
                          </td>  
                     </tr>  
                     <tr>  
                          <td></td>  
                          <td>  
                               <input type="checkbox">  
                          </td>  
                          <td colspan="2">All the above mentioned information is true as per my knowledge.  
                     </tr>  
                     <tr>  
                          <td></td>  
                          <td>  
                               <input type="Submit" value="Submit" class="button">  
                          </td>  
                          <td>  
                               <input type="Reset" value="Reset" class="button">  
                          </td>  
                          <td></td>  
                     </tr>  
                </table>  
           </div>  
      </form>  
      <!-- Main Footer -->  
      <h3>BengalStudent.in </h3>  
      <p>Thank you</p>  
 </body>  
 </html>  

Clkk Here to Download

Employee Registration Form in HTML With CSS - Source Code Free Download

Choose a HTML editor
Registration form have various types are used intensively on preregistration of website to allow for user or visitor can create their own profile on your website.
Popular editors include:
  1. Codepen
  2. Notepad ++
  3. Kompozer
  4. Sublime Text
  5. NetBeans
  6. CoffeeCup
  7. Phase 6 HTML Editor

All of these editors have large interfaces that enable you to manually enter the code.
To create HTML code, you’ll need an HTML editor. There are dozens on the market and many are free to download.

You can read it for free here if you want, and download the PDF. html form design examples with code, html form templates, bootstrap responsive registration form, w3school newsletter, stacked form w3schools, student registration form in html with css, beautiful css forms, responsive form css.

Employee Registration Form in HTML With CSS - Source Code Free Download

If you want you can download Employee Registration Form in HTML With CSS in PDF format.



Clik Here to PDF Download

You can download very easily from now on Employee Registration form Templates with Source Code, form css codepen, responsive form bootstrap 4, textbox css style examples, clear button in html, registration form in html bootstrap 4, registration form phptpoint, how to create a registration website, student form design, registration form with photo upload in html, html signup forms templates, transparent sign up form, sign up form bootstrap, free html form templates, registration form templates codepen, flip login or register form,

You can read or Download PDF or Notpad Format login signup template codepen, tab login sign up forms, interactive login page in html, student login template, login form in html template free download, login form in jsp with css source code, animated registration form, 100 html css form templates, login tympanus, html5 registration form hackerrank, login form html code, login and registration form in bootstrap, login page in html with css code github, login and registration form in php, bootstrap registration form codepen, registration form template word, download css registration form, responsive login page template free download, bootstrap registration form with dropdown, company registration form html code, html code for patient details,
[id:bserf]