Need help on survey form project

HTML-CSS
1

I need help with two parts of the survey where it says I need to have at least two input elements with a type of checkbox (checkboxes) that are descendants of #survey-form and where it indicates the checkboxes inside #survey-form should have a value attribute and value. I believe these fall under part 14. I have been stuck on it for a while now and haven’t been able to complete the form. Below is my code:

<!DOCTYPE html>
<html>
 <head>
   <title>Survery Form</title>
   <link rel="stylesheet" href="styles.css">  
 </head>
 <body>
   <div id="container">
   <h1 id="title"> Justin's Free Code Camp</h1>
   <p id="description">Thank you for for taking the time to improve the platform!</p>
   <form id="survey-form"> 
       <label id="name-label">Name: <input type="text" type="checkbox" value="name" id="name" name="name" placeholder="Enter your name" required /></label>
       <br>
       <label id="email-label">Email: <input type="email" type="checkbox" id="email" name="email" value="email" placeholder="Enter your email" required /></label>
       <br>
       <label id="number-label">Age: <input type="number" id="number" name="age" value="age" placeholder="Age" min="10" max="99" /></label>
<br>
<br>     
       <label>Choose an option below that desribes your current experience.
         <select id="dropdown">
           <option value="">Select Current Role</option>
           <option value="Student(No experience)">Student (No experience)</option>
           <option value="Part-Time(Some experience)">Part-Time (Some experience)</option>
           <option value="Full-Time">Full-Time</option>
           <option value="Entry Level(1 year)">Entry Level (1 year)</option>
           <option value="Other">Other</option>
         </select>
       </label>
<br>
<br>
       <label>
         Would you recommend JFCC to a friend?
         <input type="radio" name="user-recommend" value="definitely" class="inline" />Definitely</input>
       </label>
       <label>
         <input type="radio" name="user-recommend" value="maybe" class="inline" />Maybe</input>
       </label>
       <label>
         <input type="radio" name="user-recommend" value="not sure" class="inline" />Not sure</input>
       </label>
<br>
<br>
       <label>What is your favorite feature of JFCC?
         <select id="dropdown">
           <option value="">Select an option</option>
           <option value="1">Challenges</option>
           <option value="2">Projects</option>
           <option value="3">Community</option>
           <option value="4">Front-end</option>
           <option value="5">Back-end</option>
         </select>
       </label>
<br>
<br>
         <label>Any comments or suggestions?</label>
       <div id="suggestion">
         <textarea type="suggestion" value="suggestion" rows="5" cols="50">Enter your comments or suggestions here...</textarea>
       </div>
         <input id="submit" type="submit" value="Submit"></input>
   </form>
 </body>
</html>
2

I’ve edited your post 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 (').

3

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