Survey Form - I don't understand whats wrong with it!

HTML-CSS
1

I’ve opened and closed the form, but it is saying that the dropdown and submit are not in the form.

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html leng="en">
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="styles.css"/>
<head>
  <h1 id="title">freeCodeCamp Survey Form</h1>
  <p id="description">Thank you for taking the time to help us improve the platform</p>
</head>

<body>

  <fieldset> <legend> Personal Information </legend>

  <form action="" id="survey-form">

      <label for="name" id="name-label">Name</br><input id="name" type="text" name="name" required placeholder="Insira seu nome"/></label>
      <label for="email" id="email-label">E-mail</br><input id="email" type="email" name="email" required placeholder="Insira seu e-mail" pattern="@" pattern=".com"/></label>
      <label for="number" id="number-label">Age</br><input id="number" type="number" name="number" min="13" max="120" required placeholder="Insira sua idade"/></label>
  </fieldset>

  <fieldset>
      <legend>Options</legend>

  <label for="dropdown">Which option best describes your current role?
  <select id="dropdown" name="dropdown">
      <option value="3">Student</option>
      <option value="4">Full Time Job</option>
  </select></label>

      <label for="personal-account"><input id="personal-account" type="radio" name="account-type" class="inline" value="5"/> Personal Account</label>
      <label for="business-account"><input id="business-account" type="radio" name="account-type" class="inline" value="6"/> Business Account</label>
      </fieldset>

      <fieldset>
      <legend>Fun Questions</legend>

      <label for="personal-account">What do you like to eat? </br></br><input id="personal-account" type="checkbox" name="account-type" class="inline" value="1"/> Pizza</label>
      <label for="business-account"><input id="business-account" type="checkbox" name="account-type" class="inline" value="2"/> Hot Dog</label>

      <label><textarea>Other Comments</textarea></label>
      </fieldset>

      <input type="submit" id="submit" value="Submit" />

  </form>
</body>
<footer></footer>
</html>

/* file: styles.css */
body {
width: 100%;
background-color: rgb(0, 0, 40);
color: grey;
font-family: Tahoma;
padding: 10px auto 10px auto;
margin: 0;
}

h1 {
font-size: 30px;
margin: 30px auto 10px auto;
color: white;
text-align: center;
}

p {
font-size: 15px;
color: white;
text-align: center;
}

fieldset {
border: none;
border-top: 2px solid #3b3b4f;
display: block;
}



select {
margin: 10px 100px 0 0;
}

legend {
font-size: 20px;
text-align: center;
}

label {
display: block;
margin: 10px auto auto 5%;
}

input,
textarea,
select {
margin: 10px 0 0 0;
width: 90%;
min-height: 2em;
}

input, textarea {
background-color: rgba(255, 255, 255, 40%);
border: 1px solid white;
}

.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
}

input[type="submit"] {
display: block;
width: 30%;
margin: 1em auto;
height: 2em;
font-size: 1.1rem;
background-color: white;
color: black;
min-width: 30px;
}




  **Your browser information:**

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Validate your HTML.

hint: you have added the first fieldset elements starting tag before the form element

1 Like
3

THANK YOU VERY MUCH!!! It worked.

4

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