Build a Survey Form Project - Build a Survey Form

HTML-CSS
1

I already did what I was asked to do but I don’t understand why it’s asking me to create an input with an id of name again

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>
   <header>
    <h1 id="title">freeCodeCamp <br>Survey Form</h1>
    <p id="description">Thank you for taking the time to help <br> us improve the platform</p>
   </header>
    <form id="survey-form">

      <label for="name-label">Name</label>
      <input type="text" id="name-label" name="name" placeholder="Enter your name" required>
      <label for="email">Email</label>
      <input type="email" id="email" name="email" placeholder="Enter your Email" required>
      <label for="number">Age (optional)</label>
      <input type="number" id="number" name="age" min="18" max="90" placeholder="Age" required pattern="[a-z0-5]{8,}">
      <label for="drop-down">Select Your Country</label>
      <select>
        <option value="">Select One</option>
        <option value="1">Nigeria</option>  
        <option value="2">Niger</option>  
        <option value="3">Egypt</option>  
        <option value="4">Saudi</option>  
        <option value="5">other</option> 
      </select>
      <label>Marital Status</label>
      <input type="radio" id="married" name="marita-status" value="Married" selected class="inline">
      <label for="married" class="inline">Married</label>
      <input type="radio" id="single" name="marita-status" value="Single" class="inline">
      <label for="single" class="inline">Single</label>
      <label>Hobbies</label>
      <label for="reading" class="inline">Reading<input type="checkbox" id="reading" name="hobby"></label>
      <label for="football" class="inline">Football<input type="checkbox" id="football" name="hobby"></label>
      <label for="traveling" class="inline">Traveling<input type="checkbox" id="traveling" name="hobby"></label>
      <label for="cooking" class="inline">Cooking<input type="checkbox" id="cooking" name="hobby"></label>
      <label for="bio">Provide a bio:
       <textarea id="bio" name="bio" rows="3" cols="30" placeholder="tell us about yourself ..."></textarea>
      </label>
      <button>Submit</button>
    </form>
  </body>
</html>

Your mobile information:

TECNO LE6 - Android 11 - Android SDK 30

Challenge: Build a Survey Form Project - Build a Survey Form

Link to the challenge:

2

The input element should have an id of name and its corresponding label element should have an id of name-label and a for attribute with the same value as of the input id (i.e. name).

Example:

<label for="location" id="location-label">Location</label>
<input type="text" id="location">
1 Like
3

Thanks for your help

1 Like
4

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