4 errors need to be fixed in Building a Survey Form

HTML-CSS
1

Tell us what’s happening:
Those are the errors I am facing and I can not get it fixed:

  1. Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute.

  2. Inside the form element, I can select several fields from a series of checkboxes, each of which must have a value attribute.

  3. Inside the form element, I am presented with a at the end for additional comments.

  4. Inside the form element, I am presented with a button with id=“submit” to submit all my inputs.

Your code so far

Survey Form Project By Andrew Alkazeer

Tell me about yourself

<label id="name-label" for="name">*Name: </label><input id="name" type="text" placeholder="Enter your name here" required><br>
<br>
<label id="email-label" for="email">*Email: </label><input type="email" id="email" name="email" placeholder="Enter your email here" required>
<br> 
<br>

<label id="number-label" for="number">*Age: </label><input type="number" min="1" max="100" id="number" name="age" placeholder="Enter your age here" required>
<br>                                                        
<br>
<label id="dropdown" for="menu">What you consider yourself?</label>

<select id="dropdown" id="menu" class="dropdown">
  <option disabled selected value>Select an option</option>
  <option value="student">Student</option>
  <option value="job">Full time job</option>
  <option value="learner">Full time learner</option>
  <option value="prefernot">Prefer not to say</option>
  <option value="other">Other</option>
</select>
                  </div>
  <br>
<br>
                   <div class="part2">
  <label for="How-Likely">* What is your favorite place to visit? (Choose One)</label>

<ul class="ulist" style="list-style: none;">
  
  <li class="radio"><label><input type="radio" value="1" class="How-Likely" name="Place">Hawaii</label>
  <li class="radio"><label><input type="radio" value="2" class="How-Likely" name="Place">United Kingdom</label>
  <li class="radio"><label><input type="radio" value="3" class="How-Likely" name="Place">Egypt</label>
  <li class="radio"><label><input type="radio" value="4" class="How-Likely" name="Place">Thailand</label>
  <li class="radio"><label><input type="radio" value="5" class="How-Likely" name="Place">Israel</label>
  <li class="radio"><label><input type="radio" value="6" class="How-Likely" name="Place">Other</label>
 </ul>
                   </div>
                   <div class="part3">
<label for="box">Whats your favorite Holiday? (Multiple Choices)</label>

<ul class="checkbox" style="list-style:none;">
  
  <li><label id="box"><input type="checkbox" value="1" name="holiday">4th of July</label></li>
  <li><label id="box"><input type="checkbox" value="2" name="holiday">Easter</label></li>
  <li><label id="box"><input type="checkbox" value="3" name="holiday">Christmas</label></li>
  <li><label id="box"><input type="checkbox" value="4" name="holiday">Thanks Giving</label></li>
 </ul>
  
  <label id="textarea" for="area">Any comments: <textarea style="height:50px;width: 300px;resize:vertical;"id="area" name="comment" placeholder="type here"></textarea></label>
                    </div>
<br>
<br>
<br>
<button type="submit" id="submit" onclick="submit()" value="submit">Submit</button>
**Your browser information:**

Chrome on Windows 10 64bit.

Link to the challenge:

Link to my project:

2
  • <div class="part1"> should be within the <form>, you have placed it before that.

this is the only mistake you have, which is causing other tests to break. Correct it and all test would pass

1 Like