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>
  <title>Survey Form</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <h1 id="title">RoxieSpur Survey Form</h1>
  <p id="description">Thank you for taking the time to help us improve the platform</p>
  <form id="survey-form">
    <fieldset>
      <label id="name-label">Name<input type="text" id="name" placeholder="Enter your name" required /></label>
      <label id="email-label">Email<input type="email" id="email" placeholder="Enter you email" required/></label>
      <label id="number-label">Age (optional)<input type="number" id="number" placeholder="Age" min="13" max="120"/></label>
      <label>Which option best describes your current role?
        <select id="dropdown">
          <option value="">Select current role</option>
          <option value="1">Student</option>
          <option value="2">Working-class Youth</option>
          <option value="3">Blogger</option>
          <option value="4">Prefer not to say</option>
          <option value="5">Other</option>
        </select>
      </label>
      </fieldset>
      <fieldset>
      <legend>Would you recommend RoxieSpur to a friend?</legend>
      <label><input name="definitely" type="radio" value="definitely" checked />Definitely </label>
      <label><input name="maybe" type="radio" value="maybe" />Maybe </label>
      <label><input name="not sure" type="radio" value="not-sure" />Not sure </label>
    </fieldset>
    <fieldset>
      <label>What's your favorite feature of RoxieSpur?
        <select id="dropdown">
          <option value="">Select an option</option>
          <option value="1">News Updates</option>
          <option value="2">Sports Updates</option>
          <option value="3">Entertainment News</option>
          <option value="4">Community</option>
        </select>
      </label>
    </fieldset>
    <fieldset>
      <legend>What would you like to see improved?</legend>
      <label><input type="checkbox" value="fresh-quality-content">Fresh Quality Content</label>
      <label><input type="checkbox" value="optimization-for-mobile">Optimization for Mobile</label>
      <label><input type="checkbox" value="easy-accessibility">Easy Accessibility</label>
      <label>Any comments or suggestions?
        <textarea rows="4" cols="30" placeholder="Enter your comment here..."></textarea>
      </label>
    </fieldset>
    <input id="submit" type="submit" value="Submit" />
    </form>
</body>
</html>

/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14469.41.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.57 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

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