Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
the preview is not opening

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="eng">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>FreeCodeCamp Survey Form</tittle>
    <link href="style.css" rel="stylesheet">
</head>
<body>
  <h1 id="title">FreeCodeCamp Survey Form</h1>
  <p id="description">Thank you for taking the time to help us improve the platform</p>
  <form id="survey-form" action="https://survey-form.freecodecamp.org" >
  <fieldset>
    <label>Name <input id="name-label" type="text" name="name" placeholder="Enter your name" required />
    </label>
    <label>Email <input id="email-label" type="email" name="email" placeholder"Enter your Email" required /></label>
    <label>Age (optional) <input id="number-label" type="number" min="13" max="120" name="age" placeholder="Age" />
    <label>Which option best describe your current role?
      <select id="dropdown-label">
        <option value="">Select current role</option>
        <option value="1">Student</option>
        <option value="2">Full Time Job</option>
        <option value="3">Full Time Learner</option>
        <option value="4">Prefer not to say</option>
        <option value="5">Other</option>
      </select>
    </label>
  </fieldset>
  <fieldset>
    <label>Would you recommend freeCodeCamp to a friend?</label>
    <label> Definetly
      <input type="radio" name="choice">
    </label>
    <label> Maybe
      <input type="radio" name="choice">
    </label>
    <label> Not sure
      <input type="radio" name="choice">
    </label>
  </fieldset>
  <fieldset>
    <label>What is your favorite feature of freeCodeCamp?
      <select id="dropdown-label">
        <option value="">Select an option</option>
        <option value="1">Challanges</option>
        <option value="2">Projects</option>
        <option value="3">Community</option>
        <option value="4">Open Source</option>
      </select>
    </label>
  </fieldset>
  <fieldset>
    <label>What would you like to see improved? (Check all that apply) </label>
    <label>
      <input type="checkbox" name="option" value="1"> Front-end Projects
    </label>
    <label>
      <input type="checkbox" name="option" value="2"> Back-end Projects
    </label>
    <label>
      <input type="checkbox" name="option" value="3"> Data Visualization
    </label>
    <label>
      <input type="checkbox" name="option" value="4"> Challenges
    </label>
    <label>
      <input type="checkbox"name="option" value="5"> Open Source Community 
    </label>
    <label>
      <input type="checkbox" name="option" value="6"> Gitter help rooms
    </label>
    <label>
      <input type="checkbox" name="option" value="7"> Videos
    </label>
    <label>
      <input type="checkbox" name="option" value="8"> City Meetups
    </label>
    <label>
      <input type="checkbox" name="option" value="9"> Wiki
    </label>
    <label>
      <input type="checkbox" name="option" value="10"> Forum
    </label>
    <label>
      <input type="checkbox" name="option" value="11"> Additional Courses
    </label>
  </fieldset>
  <fieldset>
    <label> Any comments or suggestions?
      <textarea name="comment" placeholder="Enter your comment here...">
      </textarea>
    </label>
  </fieldset>
  <input type="submit" value="Submit" id="submit" />
  </form>
</body>
</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/103.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Hey, the cause of this issue seems to be this line, you’ve misspelled title in the closing title tag.

correcting it seemed to work for me! :smile:

3

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