How To Create A Basic Elegant Html Form In 5 Minutes.[Code]


 In This Blog I will Tell You How To Create A Create Html Form.

@siddhantsingh1230

_____________________________________________


<Code/>

_____________________________________________

<!DOCTYPE html>

<html>

  <head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <title>Html Forms</title>

  </head>

  <body>

    

    <form action="" method="get" accept-charset="utf-8">

      <h1>Employee Data</h1>

      <hr />

      <p>Emp ID:<input type="number/submit/hidden/button/image" name="number" id="number" value="" /></p>

      <p>Emp Name:<input type="text/submit/hidden/button/image" name="name" id="name" value="" /></p>

      <p>Employee Joining date: <input type="date" name="" id="" value="" /></p>

      <fieldset>

        <legend>Gender</legend>

        <p>Male <input type="radio" name="gender" id="gender" /></p>

        <p>Female <input type="radio" name="gender" id="gender" /></p>

      </fieldset>

      <hr />

      <p>Employe Salary <input type="text/submit/hidden/button/image" name="empsalary" id="empsalary" value="" /></p>

      <hr />

      <fieldset>

         <legend>Employee state</legend>

        <p>Employee free <input type="radio" name="empstate" id="empstate" /></p>

        <p>Employeeon leave <input type="radio" name="empstate" id="empstate" /></p>

        <p>Employee holiday <input type="radio" name="empstate" id="empstate" /></p>

      </fieldset>

     <p>Employee Contact: <input type="number" name="empcontact" id="empcontact" value="" /></p>

     <hr />

     <fieldset>

       <legend>Employee Rank:</legend>

     

     <p>Experienced <input type="radio" name="emprank" id="emprank" />

     </p>

     <p>Intermediate <input type="radio" name="emprank" id="emprank" />

     </p>

     <p>Rookie <input type="radio" name="emprank" id="emprank" />

     </p>

     </fieldset>

     <div>

      <br>

     <input type="submit">

     <input type="reset">

     </div>

    </form>

  </body>

</html>

_____________________________________________

Click To Download ⬆️

No comments

✌ Ask Me Anything ✌️