Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

The Hint tells me that the #number should include a number, but i do not have a #number and now im so confused and don’t know what im supposed to do, currently doing the html first and the styling later

Your code so far

<!-- file: index.html -->
<DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale1.0">
<link rel="stylesheet" href="styles.css">
<head>
<h1 id="title">freeCodecamp Survey Form</h1>
<p id="description">Thank you for taking your time to help us improve our platform</p>
</head>
<body>
<form id="survey-form">
<label for="name" id="name-label"><fieldset><p>Enter your Name: </p><input type="text" id="name" placeholder="Jane Doe" required/></fieldset></label>
<label for="email" id="email-label"><fieldset><p>Enter your Email: </p><input type="email" id="email" placeholder="some.one@email.com" required/></fieldset></label>
<label for="number" id="number-label"><fieldset><p>Enter your Age: (optional)</p><input type"number" min="12" max="110" id="number" placeholder="12"></fieldset></label>
<fieldset><p>What is your current state in life?<p>
<label for="dropdown"><select id="dropdown"></label>
<option>full-time-job</option>
<option>part-time-job</option>
<option>student</option>
<option>something else</option>
</select>
</fieldset>
<fieldset>
<p>Would you recommend us to your friends? </p>
<input type="radio" name="recommand"/> Definitely
<input type="radio" name="recommand"/> Not quite sure
<input type="radio" name="recommand"/> No 
</fieldset>
<fieldset><p>What would you like to see improved?</p>
<input type="checkbox" value="" checked/> Projects
<input type="checkbox" value="1"/> Forum
<input type="checkbox" value="2"/> Front-End-Projects
<input type="checkbox" value="3"/> Back-End-Projects
<input type="checkbox" value="4"/> Data Vsualization
<input type="checkbox" value="5"/> Challenges
<input type="checkbox" value="6"/> additional Courses
</fieldset>
<fieldset><p>Any comments or suggestions?:</p>
<textarea placeholder="Leave a comment here:">
</textarea>
</fieldset>
<fieldset>
<button id="submit">Submit</button>
</fieldset>
</form>
</body>


/* file: styles.css */
body{
text-align:center;
background-Color: #1d1d23;
color: #f6f6f7
}

form{
display: inline;
margin: auto; 
max-width: 300px;
}

#number{
Color:rgb(255,0,0);
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0.1 Safari/605.1.15

Challenge Information:

Survey Form - Build a Survey Form

2

you have one, but the type attribute is missing a character

1 Like