Tell us what’s happening:
<p>What are you health resolutions?<span class="clue">(Check all that apply)</span></p>
the line above is not displaying. please help.
thanks
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
</style>
<body>
<div id="form">
<header class="header">
<h1 id="title">Survey on your favorite activity</h1>
<p id="description">How do you get your blood pumping</p>
</header>
<form id="survey-form">
<div class="form-group">
<label id="name-label" for="name">Name</label>
<input type="text" name="name" id="name" class="form control" placeholder="Enter your name" required>
</div>
<div id="form-group">
<label id="email-label" for="email">Email</label>
<input type="text" name="email" id="email" class="form-control" placeholder="Enter your email" required>
</div>
<div id="form-group">
<label id="number-label" for="age">Age<span class="clue"> (Optional)</span></label>
<input type="number" name="age" id="number" class="form-control" placeholder="Age" min="10" max="99" required>
</div>
<div id="form-group">
<p>Which option best describes your current role?</p>
<select id="dropdown" class="form-control" name="role" required>
<option value="student">Student</option>
<option value="job">Full Time Job</option>
<option value="learner">Full Time Learner</option>
<option value="preferNo">Prefer not to say</option>
<option value="other">Other</option>
</select>
</div>
<div id="form-group">
<p>Would you say excercice is good for you?</p>
<label for="recommendation">
<input type="radio" name="user-recommendation" value="definetly" class="input-radio" checked/>Definetly</label>
<input type="radio" name="user-recommendation" value="definetly" class="input-radio" />Maybe</label>
<input type="radio" name="user-recommendation" value="definetly" class="input-radio" />Definetly Not</label>
<input type="radio" name="user-recommendation" value="definetly" class="input-radio" />I Don't Know</label>
</div>
<div id="form-group">
<p>Which is your favorite activity</p>
<select id="dropdown" class="form-control" name="activity" required>
<option value="Walking">Walking</option>
<option value="Running">Running</option>
<option value="Mountain Biking">Mountain Biking</option>
<option value="Swimming">Swimming</option>
<option value="Farting">Farting</option>
</div>
<div id="form-group">
<p>What are you health resolutions?<span class="clue">(Check all that apply)</span></p>
<label>
<input type="checkbox" name="prefer" value="Stamina" class="input-checkbox" />Building Stamina
</label>
<label>
<input type="checkbox" name="prefer" value="Endurance" class="input-checkbox" />Building Endurance
</label>
<label>
<input type="checkbox" name="prefer" value="Strenght" class="input-checkbox" />Building Strenght
</label>
<label>
<input type="checkbox" name="prefer" value="Kick Ass" class="input-checkbox" />Kick Ass
</label>
</div>
<div id="form-group">
<p>Any comments or suggestions</p>
<textarea name="comment" id="comments" class="input-textarea" placeholder="Enter Comments here"></textarea>
</div>
<div id="form-group">
<button type="submit" id="submit" class="submit-button">submit</button>
</div>
</form>
</div>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36
.
Challenge: Build a Survey Form
Link to the challenge: