Survey Form - Build a Survey Form

HTML-CSS
1

Hi. Nice to meet you all. I stumbled upon a problem, i have h1 element with id of title but i still cant pass the test for it.
Instruction is described like this:

  1. You should have a page title in an h1 element with an id of title

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <title>Survey form</title>
    </head>

    <body
    <h1 id="title">Survey form</h1>
    <p id="description">Fill the survey. Thanks a lot.</p>

    <form id="survey-form" method="post" action="">
      <fieldset id="block">
        <fieldset>
          <label id="name-label" for="name">Name<input id="name" name="name" type="text" placeholder="Enter Your Name" pattern="[a-z]" required></label>

          <label id="email-label" for="email">Email<input id="email" name="email" type="email" placeholder="Enter Your Email" required></label>

          <label id="number-label" for="number">Age(optional)<input id="number" name="number" type="number" placeholder="Enter Your Age" max="90" min="1" pattern="[0-9]"></label>

          <label for="role">Which option best describe your role?
            <select id="dropdown" name="dropdown">
              <option value="">Select current role</option>
              <option value="1">Student</option>
              <option value="2">Full time job</option>
              <option value="3">Full time learner</option>
              <option value="4">Prefer not to say</option>
              <option value="5">Other</option>
            </select>
          </label>
          </fieldset>

          <fieldset>
            <label>Would u recommend us to somebody?</label>
            <label for="yes"><input class="inline" id="yes" name="selection-type" type="radio" value="1">Yes</label>
            <label for="no"><input class="inline" id="no" name="selection-type" type="radio" value="2">No</label>
          </fieldset>
          <fieldset>
            <label>What would you like to see improved?</label>
            <label for="1"><input id="1" name="for-checkbox" type="checkbox" value="1" required>Front-end</label>
            <label for="2"><input id="2" name="for-checkbox" type="checkbox" value="2" required>Back-end</label>
            <label for="3"><input id="3" name="for-checkbox" type="checkbox" value="3" required>Full stack</label>
          </fieldset>
          <fieldset>
            <label for=suggestions>Provide any comment or suggestions:
              <textarea id="suggestions" name="suggestions" rows="10" cols="50" placeholder="Write unbiased..."></textarea>
            </label>
          </fieldset>
        </fieldset>
        <input id="submit" type="submit" value="submit">
      </form>

    </body>
  </html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 OPR/101.0.0.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

The opening ‘body’ tag is not closed.

3

Thanks a lot. You saved me, now i can go to sleep ;D

2 Likes
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.