Survey Form - Build a Survey Form

HTML-CSS
1

I’m a newbie so any help is appreciated.

I don’t understand what’s going wrong, in the codecamp preview it was normal but then I went to put it in the browser to see how it was and it’s giving this problem, I tried in a different way using the “/>” to close the input but did not work.

image
image896×219 8.83 KB

My code so far

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body class="bg">
    <h1 id="title" class="title">FreeCodeCamp Survey Form</h1>
      <p id="title-description" class="title-description">Thank you for taking the time to help us improve the platform</p>
    <div class="conteiner">
      <form action="." method="post" id="survey-form">
        <fieldset>
          <label for="name" id="name-label">
            <p>Name</p>
            <input name="name" id="name" type="text" placeholder="Enter Your Name" required>
          </label>
          <label for="email" id="email-label">
            <p>Email</p>
            <input name="email" id="email" type="email" placeholder="Enter Your Email" required>
          </label>
          <label for="age" id="age-label">
            <p>Age</p>
            <input name="age"id="age" type="number" min="10" max="99" required>
          </label>
          <label for="role" id="role-label">
            <p>Which option best describes your current role?</p>
            <select name="role" id="role">
              <option disabled selected 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>
          <label for="definitely" id="definitely-label" class="radio">
            <p>Would you recommend freeCodeCamp to a friend?</p>
            <input name="recommend" id="definitely" type="radio" class="inline">
            Definitely
          </label>
          <label for="Maybe" id="Maybe-label">
            <input name="recommend" id="maybe" type="radio" class="inline">
            Maybe
          </label>
          <label for="not-sure" id="Not-sure-label">
            <input name="recommend" id="not-sure" type="radio" class="inline">
            Not Sure
          </label>
        </fieldset>
      </div>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.35

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

You seem to have your HTML inside an XML file.

The file should be index.html or whatever you want to name it but with the .html file extension.

1 Like