HTML Forms and Input Tags

Today We will Create a Form in HTML using Different Types of Input Tags!

Input Tags We are going to use today are as Follows :
  1. Text
  2. Email
  3. Number
  4. Date
  5. Radio Button
  6. Check Box
  7. Select
  8. Text Area
  9. Submit
  10. Reset
Using This Input Tags we are going to make a Form which is consist of Name, E-mail, DOB, Age, Gender, Biodata, Country.

Source Code :

<html>
  <head>
    <title>
      Forms using HTML
    </title>
  </head>
  <body bgcolor="Salmon">
    <h1>MySelf</h1>
    <form action="">
      <!--<label for="name">Name</label>-->
      <div>Name:<input type="text" name="MyName" id="Name" /></div>
      <br />
      <div>Email:<input type="email" name="myEmails" id="" /></div>
      <br />
      <div>Date Of Birth:<input type="date" name="Date:" id="" /></div>
      <br />
      <div>Age:<input type="number" name="MyNumbers" id="" /></div>
      <br />
      <div>
        Gender:Male:<input type="radio" name="MyGender" id="" /> Female:
        <input type="radio" name="MyGender" id="" /> Other:<input
          type="radio"
          name="MyGender"
          id=""
        />
      </div>
      <br />
      <div>
        Describe:<br /><textarea
          name="Describe Yourself in Short"
          id=""
          cols="30"
          rows="5"
        ></textarea>
      </div>
      <br />
      <div>
        Check here if you are not from India:<input
          type="checkbox"
          name="Eligibility"
          id=""
        />
      </div>
      <br />
      <div>
        <label for="Country">Which Country</label>
        <select name="Which Country" id="Country">
          <option value="None">None</option>
          <option value="Afg">Afganistan</option>
          <option value="Bang">Bangladesh</option>
          <option value="Wind">WestIndies</option>
          <option value="Eng">England</option>
          <option value="USA">United States of America</option>
          <option value="Aus">Australia</option>
        </select>
      </div>
      <br />
      <div>
        <input type="submit" value="Submit Here" />
        <input type="reset" value="Reset" />
      </div>
    </form>
  </body>
</html>

OutPut : 


If you found this helpful then do let me know in comment section below👇👇

Tejas Dhodi👦,
9 July 2022.     



Comments

Post a Comment