form.html

<main>
    <p>Form</p>
    <form>
      <!--This is a comment in HTML. It lets you write text that
      won't be rendered in the webpage.-->
      <label for="name">Name</label>
      <input type="text" id="name" name="name" placeholder="Name" required />
      <br><br>
      <!--The "for" attribute references the "name" attribute in <input>.
      The "name" attribute is necessary once we start tying in JavaScript-->
      <label for="email">Email</label>
      <input type="email" id="email" name="email" placeholder="Email" />
      <br><br>
      <label for="password">Password</label>
      <input type="password" id="pass" name="pass" placeholder="Password" />
      <br><br>
      <label for="select">Position</label>
      <select id="select" name="select">
        <option value="software">Software Developer</option>
        <option value="product">Product Manager</option>
        <option value="design">Designer</option>
      </select>
      <br><br>
      <label for="comments">Comments</label>
      <textarea
        id="comments"
        name="comments"
        placeholder="Comments"
        required
      ></textarea>
      <br><br>
      <input type="submit" value="Submit" />