#5 not working for my survey form HELP!

1

Survey Form

Sign up And Let Us Know Your Interests! 

<div class="rowTab">
  <div class="labels">
    <label id="name-label" for="name">*Name
    </label>
  </div>
  
  <div id="rightTab">
    <input autofocus type="text" name="name" id="name" class="input-field" placeholder="Enter Your Name" required>
  </div>
</div>

<div class="rowTab">
  <div class="labels">
    <label id="email" for="email">*Email</label>
  </div>
  
  <div id="rightTab">
    <input type="email" id="email" class="input" required placeholder="Enter your email here">
  </div>
</div>

<div class="rowTab">
  <div class="labels">
    <label id="number-label" for="age">*Age
    </label>
  </div>
  
  <div id="rightTab">
    <input autofocus type="number" name="age" id="age" min="1" max="125" placeholder="Enter Your Age" required>
  </div>
</div>

<div class="rowTab">
  <div class="labels">
    <label for="currentPos">Which option best describes your current role?</label>
  </div>
  
  <div class="rightTab">
    <select id="dropdown" name="currentPos" class="dropdown">
      <option disabled 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="perferno">Perfer Not To Say</option>
      <option  value="Other">Other</option>
    </select>
  </div>
  
  <div class="rowTab">
    <div class="labels">
      <label for="userRating">Which Do You Like Best?</lable>
    </div>
  </div>
  
 <div class="rightTab">
  <ul style="list-style: none;">
    
    <li class="radio"><label>Dogs<input name="radio buttons" value="1" type="radio" class="userRatings"></label></li>
    
    <li class="radio"><label>Cats<input name="radio buttons" value="2" type="radio" class="userRatings"></label></li>
    
    <li class="radio"><label>Reptiles<input name="radio buttons" value="3" type="radio" class="userRatings"></label></li>
    
  </ul>
    
 </div>
    
  <div class="rowTab">
    <div ="labels"> 
      <label for="like most">What Hobbie Do You Like More?</label>
    </div>
    
    <div class="rightTab">
      <select id="most-like" name="mostLike" class="dropdown">
        <option disabled selected value>Select an option</option>
        <option value="video games">Video Games</option>
        <option value="art">Arts & Crafts</option>
        <option value="sports">Sports</option>
        <option value="music">Music</option>
      </select>
      
      <div class="rowTab">
        <div class="labels">
          <label class="preference">Places You Would Like To Travel (Check All That Apply):               </labels>
        </div>
        
        <div class="rightTab">
          <ul id="preference" style="list-stype: none;">
            
            <li class="checkbox">
              <label>
              <input name="prefer" value="1" type="checkbox" class="userRatings">
                Canada
              </label>
            </li>
              
              <li class="checkbox">
                <label>
                 <input name="prefer" value="2" type="checkbox" class="userRatings">
                   France
                </label>
             </li>
            
             <li class="checkbox">
               <label>
                 <input name="prefer" value="3" type="checkbox" class="userRatings">
                 Brazil
               </label>
               
            </li>
            
            <li class="checkbox">
               <label>
                 <input name="prefer" value="4" type="checkbox" class="userRatings">
                 Hawaii
               </label>
            </li>
            
            <li class="checkbox">
               <label>
                 <input name="prefer" value="5" type="checkbox" class="userRatings">
                 Africa
               </label> 
            </li>
            
            <li class="checkbox">
               <label>
                 <input name="prefer" value="6" type="checkbox" class="userRatings">
                 India
               </label> 
            </li>
            
            <li class="checkbox">
               <label>
                 <input name="prefer" value="7" type="checkbox" class="userRatings">
                 Mexico
               </label> 
            </li>

          </ul>
        </div>
        
        <div class="rowTab">
          <div class="labels">
            <label for="comments">Any Comments?</labels>
          </div>
          
          <div class="rightTab">
            <textarea id="comments" class="input-field" style="height:50px;resize:vertical;"                        name="comment" placeholder="Enter your comment here...">
            </textarea>
          </div>
        </div>
        
        <button id="submit" type="submit">Submit</button>
        
        
        
      </div>
      
    </div>
    
    
    
    
    </form>
  </div>
2

What does the failing message say?

It’s easier for us if you post a link to your pen with the test script so that we can see it.
Not knowing what you’re getting one thing I can see is that you’re using the same id more that once.

3


the message says

Inside the form element, I am required to enter an email in a field with id=“email”. If I do not enter an email I will see an HTML5 validation error.