html_forms.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>html forms</title>
  </head>
  <body>
    <h1>Html Forms</h1>
    <p>An HTML form is used to collect user input. The user input is most often sent to a server for processing.</p>
    <hr>

    <h2>Text Type Input : -</h2>
    <form>
      <label for="fname">First Name</label><br>
      <input type="text" name="fname" placeholder="write your name.."><br>

      <label for="lname">Last Name</label><br>
      <input type="text" name="lname" placeholder="write your name.."><br><br>

      <input type="submit" name="Submit" value="Submit">

    </form>


    <h2>Radio Button Inout : - </h2>
    <form>
      <h3>Choose Your best vehicle.</h3>
      <input type="radio" name="v" value="v1">
      <label for="v1">Vehicle 1</label><br>
      <input type="radio" name="v" value="v2">
      <label for="v2">Vehicle 2</label><br>
      <input type="radio" name="v" value="v3">
      <label for="v3">Vehicle 3</label><br><br>

      <input type="submit" name="" value="Submit">
    </form>

    <h2>CheckBoxes : -</h2>
    <form>
      <h3>Choose your used cars : -</h3>
      <input type="checkbox" name="v1" value="v1">
      <label for="v1">Vehicle 1</label><br>
      <input type="checkbox" name="v2" value="v2">
      <label for="v2">Vehicle 2</label><br>
      <input type="checkbox" name="v3" value="v3">
      <label for="v3">Vehicle 3</label><br><br>

      <input type="submit" name="" value="Submit">
    </form>


    <h3>Different input Types : -</h3>
    <input type="file" name="" value=""><br>
    <input type="date" name="" value=""><br>
    <input type="search" name="" value=""><br>
    <input type="color" name="" value=""><br>
    <input type="hidden" name="" value="bfgh"><br>
    <input type="image" name="" value="grdgrg"><br>
    <input type="email" name="" value="dsfd"><br>

    <a href="index.html">back to home</a>







  </body>
</html>