Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
Hello working on the survey form i am having a hard time setting up the corresponding labels and inputs.
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Survey Form</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1 id="title">Survey Form</h1>
    <p id="description">Tell Us About Your Experience</p>
  <form id="survey-form">
    <fieldset>
    <input id="name" type="text" placeholder="John Doe" Required />
    <input id="email" type="email" placeholder="abc@email.com" Required />
    <input id="number" type="number" min="0" max="120" placeholder="25" Required />
    <label id="name-label">Which option best describes your current role? <input type="radio">Definitely<input type="radio">Maybe<input type="radio">Not Sure</label>
    <label id="email-label"></label>
    <label id="number-label"></label>
    </fieldset>
  
    </body>
    </form>
    </html>
    
/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Is the last line here supposed to go with the first line?

If yes, take a look at step 56 of the cat photo app. It may remind you how to put labels and their inputs together.

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