Survey form project need help

armynational.kw · January 19, 2022, 3:01am

the test software is telling me i dont have an id=“name” inside my form and respectively for the rest of the id’s. any advice


<h1 id="title"> Ram Truck Purchase </h1>

<p id="description"> Complete the Form to Order your NEW Ram Truck!</p>

<form id="survey-form" id="name">
  
  <label for="name" id="name"> Name: </label>
  
  <input id="name" type="text" name="name" placeholder="Type Your Name Here" required></input>
  <br>
<label for="email" id="email"> Email: </label>
 <input id="email" type="email" name="email" placeholder="ramtrucks@gmail.com" required></input>
<br>
<label for="number" id="number"> Age: </label>
 <input id="number" type="number" name="number" placeholder="16" min="16" max="100" required></input>

<br>
<label for="dropdown" id="model"> Select Model </label>
<select id="dropdown">
  <option value="1500"> 1500 </option>
   <option value="2500"> 2500 </option>
   <option value="2500_HD"> 2500 HD </option>
   <option value="3500"> 3500 </option>
   <option value="3500_HD"> 3500 HD </option>
</select>
<br>
<br>
<label for="model_color" id="model_color"> <b> Model Color </b> </label>
<br>
<input id="model_color" type="radio" id="black" name="color" value="black">
<label for="model_color"> Black </label>
<br>
<input id="model_color" type="radio" id="charcoal_gray" name="color" value="charcoal_gray">
<label for="model_color"> Charcoal Gray </label>
<br>
<input id="model_color" type="radio" id="blue" name="color" value="blue">
<label for="model_color"> Blue </label>
<br>
<input id="model_color" type="radio" id="maroon" name="color" value="maroon">
<label for="model_color"> Maroon </label>
  <br>
<br>
<label For="features"> <b> Added Features: </b> </label>
<br>
<input id="features" type="checkbox" id="bluetooth" name="features" value="bluetooth"> 
<label for="features"> Bluetooth - Free</label>
<br>
<input id="features" type="checkbox" id="sunroof" name="features" value="sunroof"> 
<label for="features"> Sunroof - $1,500.00 </label>
<br>
<input id="features" type="checkbox" id="heated_seats" name="features" value="heated_seats"> 
<label for="features"> Heated Seats - $1,200.00 </label>
<br>
<input id="features" type="checkbox" id="rearview_camera" name="features" value="rearview_camera"> 
<label for="features"> Rearview Camera - $799.00</label>
<br>
<br>

<label id="textarea"> Additional Comments </label>
<br>
<textarea id="textarea" name="instructions" rows="5" cols="40">
  </textarea>
<input id="submit" type="submit" value="Submit Order"
</form>

Exotic · January 19, 2022, 3:12am

Please send the full code

armynational.kw · January 19, 2022, 3:15am

i sent the code but it produced the result. how do i send full code?

Exotic · January 19, 2022, 3:15am

using codepen, repl.it it etc
Anythings fine

armynational.kw · January 19, 2022, 3:16am

<h1 id="title"> Ram Truck Purchase </h1>

<p id="description"> Complete the Form to Order your NEW Ram Truck!</p>

<form id="survey-form" id="name">
  
  <label for="name" id="name"> Name: </label>
  
  <input id="name" type="text" name="name" placeholder="Name" required>
    </input>
  <br>
<label for="email" id="email"> Email: </label>
 <input id="email" type="email" name="email" placeholder="ramtrucks@gmail.com" required></input>
<br>
<label for="number" id="number"> Age: </label>
 <input id="number" type="number" name="number" placeholder="16" min="16" max="100" required></input>

<br>
<label for="dropdown" id="model"> Select Model </label>
<select id="dropdown">
  <option value="1500"> 1500 </option>
   <option value="2500"> 2500 </option>
   <option value="2500_HD"> 2500 HD </option>
   <option value="3500"> 3500 </option>
   <option value="3500_HD"> 3500 HD </option>
</select>
<br>
<br>
<label for="model_color" id="model_color"> <b> Model Color </b> </label>
<br>
<input id="model_color" type="radio" id="black" name="color" value="black">
<label for="model_color"> Black </label>
<br>
<input id="model_color" type="radio" id="charcoal_gray" name="color" value="charcoal_gray">
<label for="model_color"> Charcoal Gray </label>
<br>
<input id="model_color" type="radio" id="blue" name="color" value="blue">
<label for="model_color"> Blue </label>
<br>
<input id="model_color" type="radio" id="maroon" name="color" value="maroon">
<label for="model_color"> Maroon </label>
  <br>
<br>
<label For="features"> <b> Added Features: </b> </label>
<br>
<input id="features" type="checkbox" id="bluetooth" name="features" value="bluetooth"> 
<label for="features"> Bluetooth - Free</label>
<br>
<input id="features" type="checkbox" id="sunroof" name="features" value="sunroof"> 
<label for="features"> Sunroof - $1,500.00 </label>
<br>
<input id="features" type="checkbox" id="heated_seats" name="features" value="heated_seats"> 
<label for="features"> Heated Seats - $1,200.00 </label>
<br>
<input id="features" type="checkbox" id="rearview_camera" name="features" value="rearview_camera"> 
<label for="features"> Rearview Camera - $799.00</label>
<br>
<br>

<label id="textarea"> Additional Comments </label>
<br>
<textarea id="textarea" name="instructions" rows="5" cols="40">
  </textarea>
<input id="submit" type="submit" value="Submit Order">
</form>

armynational.kw · January 19, 2022, 3:17am

hang on im trying to figure this out.
this is the url

Exotic · January 19, 2022, 3:17am

Here are some things to check -
Are you sure you named it correctly?
Did you close the the tags before / after it (since the editor is sensitive to these stuff) ?

Exotic · January 19, 2022, 3:20am

I actually havent tried out html challenges before. Does the test pass?
I found that you didnt give any background color for your code in the CSS palete. Its left empty , this can cause problems

armynational.kw · January 19, 2022, 3:21am

i didnt because all shouldve passed strictly with the HTML. but the error its giving me is not accurate

Exotic · January 19, 2022, 3:22am

Right.
I suggest that you fill in the background color in the css palete. It passed for me after that.

armynational.kw · January 19, 2022, 3:23am

ok thank you so much

Exotic · January 19, 2022, 3:24am

Can you send me a screenshot on how you tes this, since i havent tried html challenges hand on before.

Roma · January 19, 2022, 3:24am

@armynational.kw The test fails because you have coding errors in your form.
An id must be unique within the document.

Exotic · January 19, 2022, 3:25am

Yep nvm, I found it out

armynational.kw · January 19, 2022, 3:26am

inside the project window, at the bottom there is a link that has to codepen with the test code built in. and i filled css bckgrnd and nothing

Exotic · January 19, 2022, 3:27am

If you run the tests, you should see some errors. Follow them. Just as @Roma said , you have lots of spelling mistakes or errors in the code .

armynational.kw · January 19, 2022, 3:42am

i figured it out i needed id=“name-label” not just name in the label portion and respectively throughout. can you enlighten me on my spelling errors because i do not see any.

Exotic · January 19, 2022, 3:54am

I didnt literally mean spelling mistakes , i just use that term for small problems that might happen here and there

ilenia · January 19, 2022, 12:41pm

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

system · July 21, 2022, 12:41am

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