Tell us what’s happening:
Describe your issue in detail here.
With respect to the Value attribute, I am encountering difficulty and I don’t seem to identify the problem. Kindly assist me through it.
Thank you
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<style>
#tribute-info {
background: white;
}
font-color {
font-color: blue;
}
body {
background: white;
}
</style>
<h1 id="title">Survey Form</h1>
<p id = "description">Sign Up</p>
<form id="survey-form">
<label for="name" id="name-label">Name: </label><br><input type="text" id="name" name="name" required placeholder="Your name here"><br><br>
<label for="email" id="email-label" placeholder="Your email here">Email: </label><br>
<input id="email" type="email" required placeholder="Your email here"><br><br>
<label for="number" id="number-label">Age(Optional) </label><br>
<input type="number" id="number" min="10" max="99" placeholder="Your age here"><br>
<br>
<label for="Role Preference" id="Career Preference" placeholder="Select current role">Which option best describe your current role</label> <br>
<select name="selection" id="dropdown" list="selection list">
<option value="Role">Select your current role</option>
<option value="Learner">Student</opyion>
<option value="Worker">Full Time Job</option>
<option value="Education">Full Time Learner</option>
<option value="Kept">Prefer not to say</option>
<option value=”other”>Other</option>
</select><br>
<br>
<legend>Would you recommend freeCodeCamp to a friend?</legend>
<input type="radio" name="coder" value="Definitely">Definitely<br>
<input type="radio" name="coder" value="Maybe">Maybe<br>
<input type="radio" name="coder" value="Not sure">Not sure<br>
<br>
<label for="Role Preference" id="Career Preference" placeholder="Select an option">What is your favorite feature of freeCodeCamp ?</label> <br>
<select name="selection" id="dropdown" list="selection list">
<option value="Role">Select an option</option>
<option value="Learner">Challenges</opyion>
<option value="Worker">Projects</option>
<option value="Education">Community</option>
<option value="Kept">Open Source</option>
</select><br><br>
<legend>What would you like to see improved? (Check all that apply)</legend>
<input type="checkbox" id="Developer" name="Developer" value="Front-end Project">
<label for="Front-end"> Front-end Project</label><br>
<input type="checkbox" id="Back-end" name="Developer" value="Back-end Project">
<label for="Back-end"> Back-end Project</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Data Visualization">
<label for="Data Visualization"> Data Visualization</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Challenges">
<label for="Challenges"> Challenges</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Open Source Community">
<label for="Open Source"> Open Source Community</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Gitter help rooms">
<label for="Gitter"> Gitter help rooms</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Videos">
<label for="Video"> Videos</label><br>
<input type="checkbox" id="Developer" name="Developer" value="City MeetUps">
<label for="City"> City MeetUps</label><br>
<input type="checkbox" id="Developer" name="Developer" value"Wiki">
<label for="Wiki"> Wiki</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Forum">
<label for="Forum"> Forum</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Additional Courses">
<label for="Add Course"> Additional Courses</label><br>
<br>
<legend>Any comments or suggestions?</legend>
<textarea name="comments" id="comments"></textarea>
<br>
<br>
<button id="submit">Submit</button>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0
Challenge: Responsive Web Design Projects - Build a Survey Form
Link to the challenge: