Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

why my code is not getting rendered? I followed the syllabys, but can not check the results or submit the code

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> freeCodeCamp Survey Formp</tilte>
  <link rel="stylesheet" href="styles.css" />
  </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">
      <label id="name-label" for="name"> Name <input  id="name" type="text" placeholder="Enter your name."></label>
      <label id="email-label" for="email">Email <input  id="email" type="email" placeholder="Enter your email."></label>
      <label id="number-label" for="number">Age <input  id="number" type="number" min="13" max="130" placeholder="Enter your age."></label> 
      <fieldset>
         <legend> Which option best describes your current role?    </legend>
        <select id="dropdown">
          <option> Student</option>
          <option> Full Time Job.</option>
          <option> Full Time Learner.</option>
          <option> Prefer not to say.</option>
          <option> Other</option>
      </select>
      </fieldset>
      <fieldset>
        <legend>Would you recommend freeCodeCamp to a friend? </legend>    
          <label for="definitely">
            <input id="definitely" type="radio" name="option" value="definitely"> Definitely
          </label>
          <label for="Maybe">
            <input id="Maybe" type="radio" name="option" value="Maybe"> Maybe
          </label>
          <label for="Notsure ">
            <input id="Notsure " type="radio" name="option" value="Notsure">
          </label>
      </fieldset>
      <fieldset>
         <legend> What is your favorite feature of freeCodeCamp?   </legend>
        <select id="dropdown">
          <option> Challenges.</option>
          <option> Projects.</option>
          <option> Community.</option>
          <option> Open Source.</option>
        </select>
      </fieldset>
      <fieldset>
        <legend>What would you like to see improved? (Check all that apply).
        </legend>
        <label for="Front-end">
            <input id="Front-end" type="checkbox" value="Front-end">
        </label>
        <label for="Back-end">
            <input id="Back-end" type="checkbox" value="Back-end">
        </label>
        <label for="Data-visualization">
            <input id="Data-visualization" type="checkbox" value="Data-visualization">
        </label>
        <label for="Challenges">
            <input id="Challenges" type="checkbox" value="Challenges">
        </label>
        <label for="Open-source">
            <input id="Open-source" type="checkbox" value="Open-source">
        </label>
        <label for="Gitter">
            <input id="Gitter" type="checkbox" value="Gitter">
        </label>
        <label for="Videos">
            <input id="Videos" type="checkbox" value="Videos">
        </label>
        <label for="City-meetups">
            <input id="City-meetups" type="checkbox" value="City-meetups">
        </label>
        <label for="Wiki">
            <input id="Wiki" type="checkbox" value="Wiki">
        </label>
        <label for="Forum">
            <input id="Forum" type="checkbox" value="Forum">
        </label>
        <label for="Courses">
            <input id="Courses" type="checkbox" value="Courses">
        </label>
      </fieldset>
      <fieldset>
        <legend> Any comments or suggestions??</legend>
        <textarea placeholder=" EWrite here your comment or suggestions...">
      </fieldset>
      <input id="submit" type="submit" value="Submit">   
    </form>
  </body>
</html>

<!-- file: index.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/133.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

what do you mean that it is not getting rendered? I don’t understand what’s going on

3

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 (').

4

Your page isn’t being rendered because your title element isn’t closed properly.

5

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