Okay, so clearly I need help lol. I don’t know what to put for the type of e-mail, can I just put type=“email”? I don’t know how to fix type number (number"13-120"?), and I don’t know what to put as value for the radio buttons.
Also, how do I make each category (name, e-mail, age, etc.) get listed separately opposed to having everything on the same line as a paragraph? Would this be under the styling part (label { display: inline; })?
How do I make the checkboxes appear underneath the question? How do I make the submit button go underneath the textbox?
I also don’t know really where to start for the styling part of the project.
Hope to hear back from someone soon for assistance Thank you!
**Your code so far**
/* file: index.html */
<html lang="en">
<title>freeCodeCamp Survey</title>
<link rel="stylesheet" href="styles.css">
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Please fill out the survey below to help us improve our service. Thank you!</p>
<form id="survey-form">
<label id="name-label">Name</label>
<input id="name" type="text" placeholder="Enter your full name here" required />
<label id="email-label">E-Mail</label>
<input id="email" placeholder="Enter your personal E-Mail here" required />
<label id="number-label">Age</label>
<input id="number" type="0-9" min="13" max="120" placeholder="Enter your current age here"/>
<label>Which option best describes your current role?</label>
<select id="dropdown">
<option>Select Best Fit for Current Role</option>
<option>Student</option>
<option>Full Time Employee</option>
<option>Looking to Change Careers</option>
<option>Looking to Expand My Skillset</option>
<option>Prefer Not to Say</option>
<option>Other</option>
</select>
<label>Would you recommend freeCodeCamp to a friend of yours?</label>
<input name="related" type="radio"/><option>Yes, Definitely!</option>
<input name="related" type="radio"/><option>Maybe</option>
<input name="related" type="radio"/><option>No way!</option>
<input name="related" type="radio"/><option>Not sure</option>
<label>What is your favorite feature of freeCodeCamp?</label>
<select>
<option>Select an Option here</option>
<option>Projects</option>
<option>Community</option>
<option>Open Source Capability</option>
</select>
<label>What would you like to see be improved at freeCodeCamp?</label>
<input type="checkbox" value="1"/> Front-End Projects
<input type="checkbox" value="2"/> Back-End Projects
<input type="checkbox" value="3"/> Data Visualization
<input type="checkbox" value="4"/> Open Source Community
<input type="checkbox" value="5"/> Forums
<input type="checkbox" value="6"/> Videos
<input type="checkbox" value="7"/> Local Meetups
<input type="checkbox" value="8"/> Additional Courses
<label>Do you have any additional comments or suggestions for improvement?</label>
<textarea placeholder="Enter your Comment or Suggestion here">
</textarea>
<input id="submit" type="submit"/>
</form>
</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/104.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: