form2.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Forms Continued</title>
  </head>
  <body>
    <!-- 
    action in form    
    for attribute in label
    autocomplete: works only with name attribute
    maxlength
    title
    pattern="[A-Za-z]{3}"
    pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
    pattern="[a-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$"

    fieldset
    legend
    optgroup
    sup
    sub
-->

    <!-- <div></div> -->

    <!-- method:get - data travels through URL
    method:post - data does not travel through URL -->

    <!-- <form action="register.html" method="get">
      <fieldset>
        <legend>Registration Form</legend>
        <div>
          <label for="n">Name</label>
          <input
            type="text"
            placeholder="Name"
            name="name"
            id="n"
            maxlength="15"
            title="Enter only alphabets"
            pattern="[a-zA-Z]"
          />
        </div>

        <div>
          <label for="e">Email</label>
          <input type="email" placeholder="Email" name="email" id="e" />
        </div>

        <div>
          <label for="ph">Phone</label>
          <input type="number" placeholder="Your Phone Number" pattern="" />
        </div>

        <div>
          <label for="">Course</label>
          <select name="course">
            <option value="" selected disabled>Select Course</option>
            <optgroup label="Frontend">
              <option value="html">HTML</option>
              <option value="css">CSS</option>
              <option value="js">JS</option>
              <option value="">Bootstrap</option>
              <option value="">Tailwind</option>
            </optgroup>
            <optgroup label="Backend">
              <option value="">Node</option>
              <option value="">Express</option>
              <option value="">Nest</option>
            </optgroup>
            <optgroup label="Databases">
              <option value="">MySQL</option>
              <option value="">MongoDB</option>
              <option value="">Cassandra</option>
            </optgroup>
          </select>
        </div>

        <div>
          <label for="">Address</label>
          <textarea
            name="message"
            placeholder="Message"
            id=""
            cols="30"
            rows="10"
          ></textarea>
        </div>
        <div>
          <button type="submit">Submit</button>
        </div>
      </fieldset>
    </form> -->
  

    <!-- superscript
    subscript -->


    <!-- <p>3 x 10<sup>8</sup> m/s2</p>

    <p>Chemical Formula of water: H<sub>2</sub>O</p> -->


</body>
</html>