form.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>FORM</title>
  </head>
  <body>
    <h1> MY FORM</h1>
    <form class="" action="mailto:dhruvyadav1407@gmail.com" method="post" enctype="text/plain">
      <!--NOTE:action represents where you will go when you click in submit-->
      <hr>
      <label>Your Name :</label>
      <input type="text" name="yourName" value="">

      <br>

      <label><h4>Your Hobbies:</h4></label>
      <label>You can choose more than one :</label>

      <br>
      <br>

      <label>Playing </label>
      <input type='checkbox' name="hobbies" value="">
      <label>Writing </label>
      <input type='checkbox' name="hobbies" value="">
      <label>Singing </label>
      <input type='checkbox' name="hobbies" value="">

      <br>
      <br>

      <label for="">Enter email-address </label>
      <input type='email' name="yourEmail" value="">

      <br>
      <br>

      <label>Your Message : </label>

      <br>
      <br>

      <textarea name="name" rows="8" cols="80"></textarea>
      <br><br>
      <input type="submit" name="" value="">
    </form>
  </body>
</html>



<!--
1.<form class="" action="index.html" method="post">
  its full power will be after javascript
</form>

2.<input type="text" name="" value="">
#just change text to submit for submit button and remove value attribute




-->