Survey Form - Build a Survey Form - FBvOb7zHsjZuj4aHoURO7

Tell us what’s happening:

Hello, I need help with this, the paragraph does not appear before the radio button and it does not pass the test of descent

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<!DOCTYPE html>
<html5>
  <head>
    <link rel="stylesheet" hred="styles.css>"
  </head>
  <body>
<header>
  <h1 id="title">How much do you know about Harry Potter?</h1>
<p id="description">Test your knowledge and become part of our community</p>
</header>
<fieldset>
<div>
<form id="survey-form">
  <label id="name-label">Name: </label>
  <input id="name" 
  type="text" 
  required 
  placeholder="Enter your name">
<div>
  <label id="email-label">Email: </email>
  <input 
  id="email"
  type="email"
  required
  placeholder="Enter your e-mail">
  </div>
  <div>
    <label id="number-label">Age: </label>
    <input id="number"
    type="number"
    required
    placeholder="Age"
    min="10"
    max="99">
    
    </div> 
    </fieldset>   
    
    <div>
      <p>How did you meet Harry Potter?</p>
      <select id="dropdown"  required>
        <option>Movie</option>
        <option>Book</option>
        <option>Recommended by friends</option>
        <option>Social Media</option>
        <option>Other</option><br>
    </div>
    <div>
      <p>What is the name of the firts book of Harry Potter</p>
      <label>
      <input name="book-1" 
      value="book-1" 
      type="radio"
      >Harry Potter and the Philosopher's Stone</label>
      <label>
      <input name="book-2"
      value="book-2"
      type="radio" 
      >Harry Potter and the Chamber of Secrets
      <label>
        <input name="book-5" value="book-5" type="radio">Harry Potter and the half blood Prince
      </label>

    </div>
    <div>
      <p>Which of these are a character in the saga?<p>
        <label>
          <input type="checkbox"
          name="character"
          value="ron"
          class="input-checkbox">Ron
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="mrs-norris"
          class="input-checkbox">Mrs Norris
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="hermione"
          class="input-checkbox">Hermione
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="newton-scamander"
          class="input-checkbox">Newton Scamander
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="bellatrix-lestrange"
          class="input-checkbox">Bellatrix Lestrange
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="grindelwald"        class="input-checkbox">Grindelwald
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="voldemort"
          class="input-checkbox">Voldemort
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="severus-snape"
          class="input-checkbox">Severus Snape
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="credence"
          class="input-checkbox">Credence
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="jacob-kowalsky"
          class="input-checkbox">Jacob Kowalsky
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="leta-lestrange"
          class="input-checkbox">Leta Lestrange
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="filch"
          class="input-checkbox">Filch
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="tom-riddle"
          class="input-checkbox">Tom Riddle
        </label><label>
          <input type="checkbox"
          name="character"
          value="dudley-dursey"
          class="input-checkbox">Dudley Dursey
        </label>
        <label>
          <input type="checkbox"
          name="character"
          value="arthur-weasly"
          class="input-checkbox">Arthur Weasly
        </label>
    </div>
    <div >
      <p>Why would you like to be part of this community?</p>
      <label>
        <input type="textarea"
        id="textarea"
        class="input-textarea"
        placeholder="Please respond here"
      </label>
    </div>
    <div>
      <button 
      type="submit"
      id="submit" 
      class="submit-button">
      Submit</button>
    </div>
    </form>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

I think your label closing tag for one of the radio type is actually missing. Cross check and see if it works. Just add a label closing tag beneath “Harry Potter and the Chamber of Secrets”

Hi! thanks for respond. I fix it but did not work.

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