How to create Form And table in html


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewportcontent="width=device-width, initial-scale=1.0" />
  <title>Form</title>
  <title>Form and input tag</title>
</head>

<body>
  <!-- form tag is used to create form it consist of many ettributes or tag 
   -->
   <!-- input tag is used for the input line like name or one line info and this create a box in which we write any information this box may of different types like text , number, email, date , radio , submit ,checkbox etc.this type tag contain information that which type of data will be store .there is an other tag is used like name this tage is used for store data for our fvour which is stroed in the .php file and it will help in future to see the detailes that data is savesd in this form in input and third tag is id tage used to create an id of spacial input tag so thta we can label or control it by many other properties on the input tag in which pacial id is created -->
    <!-- type="text" in input tage is used for the i put alphabet and liked texed type   -->
    <!-- number tag in input tag is used only for numberds not alphabet can be written in this tag only  e  can be used because it shows the power of the number -->
    <!-- date tag in input tag is used for only date that can show calander on screen and we can set date -->
    <!-- checkbox tag in input tag is used for selection sort like you are pakistani ? select mean yes and if not select then its mean you do not select -->
    <!-- radio tag in input tag is used for the option in which you can only select one element of different options and if you select other then firstly selcted will be unseleted -->
    <!-- textarea is tag in input tag that is used for paragraph writing and it contains two more tags cols and rows for coloumn and for the rows -->
    
  <form action="backend.php">
    <label for="name">Name :</label>
    <input type="textname="MyNameid="name" />
    <br />
    <label for="Fname">Father Name :</label>
    <input type="textname="Fathernameid="Fname" />
    <br />
    <label for="Mycnic">Cnic :</label>
    <input type="textname="Mycnic" />
    <div>Email :<input type="emailname="" /></div>
    <br />
    Date : <input type="datename="YourDates" /> <br /><br />
    Bonus : <input type="numbername="BonusNUmber" /> <br /><br />
    Eligibile : <input type="checkboxname="Eligibility" /> <br /><br />
    Reset Button : <input type="resetvalue="Reset" />

    For Submission : <input type="submitvalue="Submit Now" />
    <br />
    Gender :Male <input type="radioname="MygenderDefualt /> FeMale
    <input type="radioname="Mygender" />Others
    <input type="radioname="Mygender" /><br />
    Write baout yourselves : <br /><textarea name="MY INfocols="60rows="10"></textarea>
    <br />
    <!-- select tag is used options in series in which entries are there and we select one of them like when w selct on it a list is open and then we slect one of them -->
    <label for="car ">Car :</label>
    <select name="Mycarid="car">
      <option value="Hondaselected>Honda</option>
      <option value="Sozoki">Sozoki</option>
    </select>
  </form>
</body>

</html>

1 Comments

Let us Know...!

Previous Post Next Post