Survey Form - Build a Survey Form

Curriculum Help
,
1

Tell us what’s happening:
i am confused thie meaning of those can i see an example

  • You should have a label element with an id of name-label.

  • Failed:You should have a label element with an id of email-label.

  • Failed:You should have a label element with an id of number-label.

  • Failed:Your #name-label should contain text that describes the input.

  • Failed:Your #email-label should contain text that describes the input.

  • Failed:Your #number-label should contain text that describes the input.

  • Your #email-label should be a descendant of #survey-form.

  • Failed:Your #number-label should be a descendant of #survey-form.
    once i figure these out this well be done
    Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1 id="title">YWeb Survey Form </h1>
    <p id="description">Please fill out this form with the required information</p>
    <form id="survey-form" action='https://register-demo.https://www.ywca-ens.org/'>
      <fieldset>
        <label for="first-name">Enter Your First Name: <input id="name" name="first-name" placeholder="Jane"type="text" required </label>
        <label for="last-name">Enter Your Last Name: <input id="name-label" name="lastname" placeholder="Smith" type="text" required /></label>
        <label for="email">Enter Your Email: <input id="email" name="email" type="email" placeholder="samcortes@gmail.com" id="email-label"required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>
      <fieldset>
        <label for="student-account"><input id="student-account" type="radio" name="account-type" class="inline"value="student" /> Student Account</label>
        <label for="staff-account"><input id="staff-account" type="radio" name="account-type" class="inline" value="staff"/> Staff Account</label>
        <label for="terms-and-conditions" name="terms-and-conditions">
          <input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" class="inline" value="terns"/> I accept the <a href="https://www.ywca-ens.org/connect-with-us/privacy-policy/">YWCA privacy policies</a>
        </label>
      </fieldset>
      <fieldset>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
        <label for="age">Input your age (years): <input id="number" type="number" name="age" min="13" max="120"placeholder="13" /></label>
        <label for="referrer">How did you hear about us?
          <select id="referrer" name="referrer">
            <option value="">(select one)</option>
            <option value="1">yweb alumni</option>
            <option value="2">ywca webpage</option>
            <option value="3">referrel</option>
            <option value="4">Other</option>
          </select>
        </label>
        <label for="bio">Provide a brief statement of your experience :
          <textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
          <fieldset>What do you like most about Yweb Career Academy?

    <select id="dropdown" name="dropdown">

      <option value="">(select one)</option>

      <option value="1">free learning</option>

      <option value="2">free laptop</option>
      <option value="3">stipend</option>
      <option value="4">extended case management</option>
      <option value="5">other</option>

    </select>

    </fieldset>

  <fieldset>Would you recommend our program to someone else?

    <label><input type="radio" name="referral" class="inline" value="referral"/>Yes</label>

  <label><input type="radio" name="referral" class="inline" value="referral"/>No</label></fieldset>

  <fieldset>What would you like us to improve on? (check all that apply)

  <label><input type="checkbox" value="suggest" name="price" value="Time" class="inline">length of course</label>

  <label><input type="checkbox" value="checkboxes" name="delivery" value="Speed" class="inline">speed of instruction</label>

  <label><input type="checkbox" value="checkboxes" name="packaging" value="gifts" class="inline">amenities</label>

  <label><input type="checkbox" value="checkboxes" name="customer service" value="Case Management" class="inline">Case Management</label></fieldset>

  <fieldset>

       <label>Additional Comment: <textarea rows="3" cols="30" name="textarea"></textarea></label>

  <button id="submit" type="submit" value="Submit">Submit</button>

  </form>

  </body>

  </html>
        </label>
      </fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
</html>

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

I’ve edited your code 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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