Survey Form - Build a Survey Form

HTML-CSS
#1

Hi ! I am blocked at this point. " You should have at least one textarea element that is a descendant of #survey-form"

Your code so far

<!-- file: index.html -->
<h1 id="title">Tesla Model Purchase</h1> 
<p id="description">Fill details below to complete your Tesla order</p> 
<form id="survey-form">
 
 <label for="name" id="name-label">Name</label>
 <input id="name" type="text" name="name" placeholder="Elon Musk" required> </input> 
 <br>

 <label for="email" id="email-label" >Email</label>
 <input id="email" type="email" name="email" placeholder="elonmusk@tesla.com" required></input>
 
 <label for="number" id="number-label" >Age</label>
<input id="number" type="number" name="number" placeholder="18" min="18" max="100" required></input>
<br>

<label for="dropdown" id="model">Select model</label>
<select id="dropdown">
  <option value="Model_S"> Model S</option>
  <option value="Model_3">Model 3</option>
  <option value="Model_X">Model X</option>
  <option value="Model_Y">Model Y</option>
  <option value="Cyber_Truck">Cyber Truck</option>

  </select>
  <br>
  <br>

  <label for="model_color" id="model_color"> <b>Model color: </b></label>
<br>
<input id="model_color" type="radio" id="white" name="color" value="white">
<label for="model_color">White</label>
<br>
<input id="model_color" type="radio" id="black" name="color" value="red">
<label for="model_color">Red</label>
<br>
<input id="model_color" type="radio" id="black" name="color" value="black">
<label for="model_color">Black</label>
<br>
<br>

<label for="features"> <b> Add features: </b> </label>
<br>
<input id="checkbox" type="checkbox" name="features" value="autopilot">
<label for="checkbox"> Full self-driving (Autopilot) - $10,000</label>
<br>
<input id="checkbox" type="checkbox" name="features" value="dual_motor">
<label for="checkbox"> Dual Motor (All wheel drive) - $9.000</label>
<br>
<input id="checkbox" type="checkbox" name="features" value="battery">
<label for="checkbox"> Performance Plus (Enhanced battery) - $7,000</label>
<br>

<label id="texterea"> Additional Comments </label>
<br>
<texterea id="texterea" name="instructions" rows="5" cols="40"></texterea>
<br>

<input id="submit" type="submit" value="Place Order">

</form>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

#2

please fix all the syntax errors in your form first.
Here’s an online html validator for you to paste all your code in. It will report the errors to you and then as you fix them, hopefully either you will also fix the issue here or the resulting code will be easier to diagnose.

#3
  1. Inside the form element, you are presented with a textarea for additional comments
    My code is : Additionnal Comments

Add comments

Failed:You should have at least one textarea element that is a descendant of #survey-form.

#4

Additional Comments




#5

anyone can t help me please ? i am block

#6

Yes! You have not spelled textarea correctly. You wrote it texterea multiple times.

#7

[quote=“Sinouh, post:1, topic:568645”]


Thanks, it worked!
1 Like