Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
I am currently building a survey forem. I have an issue at this steps:
1- You should have a short explanation in a p element with an id of description
2- Your #number-label should contain text that describes the input.
Your code so far

Please fill out this form


<!-- file: index.html -->
<h1 id="title">Build a Survey Form</h1>
<p id="decription">
   Please fill out this form
<form id="survey-form"><input id="name" type="text" required placeholder="text" ><label id="name-label" </label><input id="email" type="email" required placeholder="text"><label id="email-label"</label>  <input id="number" type="number" min="1" max="100" placeholder="1-100"><label id="number-label" text="min-max"></label> 
<select id="dropdown" name="dropdown">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
<input type="radio"id="Netflix"name="brand"
<label for="Netflix">Netflix</label>
<input type="radio"id="Audi"name="brand"
<label for="Audi">Audi</label>
<input type="radio"id="Microsoft"name="brand"
<label for="Microsoft">Microsoft</label>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label>
<textarea name="comment" form="usrform">Enter text here...</textarea>
<input id="submit" type="submit">
<label for="submit"></label>
/* 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/ Safari/537.36 Edg/115.0.1901.203

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

“You should have a p element with an id of description.”

Your p element:

<p id="decription">

Do you see the typo?

“Your #number-label should contain text that describes the input.”

Your current #number-label:

<label id="number-label" text="min-max"></label>

It does not have any text associated with it. The text attribute is not really a thing and does not act as text for the label.

Thank you for your reply. This is the new p element:

Please fill out this form

. The error disappeared. 2-I deleted the text attribute and value from the number id but I still have the same error.

Whenever you make changes to your code and you are still having issues then you need to paste your updated code in here so we can see what you did.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

1- p element:

Please fill out this form

2- number-label:

This is the same HTML as above. I thought you made some changes and it is still not working? If so, then you need to paste in your most recent HTML with those changes.

The paltform doesn’t let me copy the code. I will have to raise a new issue.

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