Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Survey Form</title>
  <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">
    <div><label id="name-label">Name <input id="name" type="name" required placeholder="Enter your name"></label></div>
    <div><label id="email-label">Email <input id="email" type="email" required placeholder="Enter your Email"></label>
    </div>
    <div><label id="number-label">Age <input id="number" type="number" required min="1" max="10" placeholder="Age"></div>
(optional)</label>

      <p>Which option best describes your current role?</p>
      <select id="dropdown">
      <option>Select current role</option>
      <option>Student</option>
      <option>Full Time Job</option>
      <option>Full Time Learner</option>
      <option>Prefer not to say</option>
      <option>Other</option>
    </select>

      <fieldset>
        <legend>Would you recommend freeCodeCamp to a friend?</legend>
        <div><input type="radio" name="definitely" value="definitely" >Definitely</input></div>
        <div><input type="radio" name="maybe" value="maybe">Maybe</input></div>
        <div><input type="radio" name="not-sure" value="not-sure">Not sure</input></div>
      </fieldset>

      What is your favorite feature of freeCodeCamp?
      <select id="dropdown">
      <option>Select an option</option>
      <option>Challenges</option>
      <option>Projects</option>
      <option>Community</option>
      <option>Open Source</option>
    </select>

      <fieldset>
        <legend>What would you like to see improved? (Check all that apply)</legend>
        <div><input type="checkbox" value="front-end">Front-end Projects</input></div>
        <div><input type="checkbox" value="back-end">Back-end Projects</input></div>
        <div><input type="checkbox" value="data-visualization">Data Visualization</input></div>
      </fieldset>
      <textarea placeholder="Enter your comment here..."></textarea>

      <input type="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/107.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

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