<!-- file: index.html -->
/* file: styles.css */
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Survey Form - Build a Survey Form
Hi there and welcome to our community!
Please edit your post to include your full HTML and CSS code between the sets of triple backticks, where indicated.
Hey there,
Please update the message to include your code. The code was too long to be automatically inserted by the help button.
When you enter a code, 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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
<p class="label-heading">What would you like to see improved? <span class="italicsmall">(Check all that apply)</span></p>
<label for="improvement1" class="form-label">
<input id="improvement1" type="checkbox" value="frontendProjects"> Frontend Projects?
</label>
<label for="improvement2" class="form-label">
<input id="improvement2" type="checkbox" value="backendProjects"> Backend Projects?
</label>
<label for="improvement3" class="form-label">
<input id="improvement3" type="checkbox" value="guiProjects"> GUI Projects?
</label>
<label for="improvement4" class="form-label">
<input id="improvement4" type="checkbox" value="graphicDesigning"> Graphic Designing?
</label>
<label for="improvement5" class="form-label">
<input id="improvement5" type="checkbox" value="videoEditing"> Video Editing?
</label>
</fieldset>
the error on step 40 is :All your checkboxes inside #survey-form should have a value attribute and value
Could you include your full HTML code please, not just your label and input elements?
<html lang="en">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jersey+15&display=swap" rel="stylesheet">
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Feedback Form</title>
</head>
<body>
<h1 class="center" id="title">Mera Survey Form</h1>
<p class="center" id="description">Thank you for taking the time to let us improve our program</p>
<div class ="container">
<form id="survey-form">
<fieldset>
<label for="name" id="name-label" class="form-label label-heading
">Name
<input id="name" placeholder="Enter Your Name" type="text" required>
</label>
<label for="email" id="email-label"class="form-label label-heading
">Email address
<input id="email" placeholder="Enter Your Email Address" type="email" required>
</label>
<label for="number"id="number-label" class="form-label label-heading
">Age
<input id="number" placeholder="Enter Your Age" type="number" min="10" max="99">
</label>
<label for="dropdown" class="form-label label-heading
">How did You hear about us?
<select id="dropdown" class="t1">
<option value="0">--Select Your Choice--</option>
<option value="1">Youtube</option>
<option value="2">Newspaper</option>
<option value="3">The Almighty Dev!</option>
</select>
</label>
</fieldset>
<fieldset>
<legend>Would You Recommend Us To Your Friends?</legend>
<label for="definitely" class="form-label">
<input id="definitely" checked type="radio" name="recommendation" value="definitely"> Definitely
</label>
<label for="maybe" class="form-label">
<input id="maybe" type="radio" name="recommendation" value="maybe"> Maybe
</label>
<label for="no" class="form-label">
<input id="no" type="radio" name="recommendation" value="no"> NO!
</label>
</fieldset>
<fieldset>
<legend>What Is Your Fav Feature?</legend>
<label for="favfeature" class="form-label">
<select id="favfeature">
<option value="f0">Select an Option</option>
<option value="f1">Presence of Dev</option>
<option value="f2">Dev's valuable ideas?</option>
<option value="f3">Dev's Hard work to make this yucky form?</option>
<option value="f4">Dev's Personality and his Commitment to his work?</option>
</select>
</label>
</fieldset>
<fieldset>
<p class="label-heading">What would you like to see improved? <span class="italicsmall">(Check all that apply)</span></p>
<label for="improvement1" class="form-label">
<input id="improvement1" type="checkbox" value="frontendProjects"> Frontend Projects?
</label>
<label for="improvement2" class="form-label">
<input id="improvement2" type="checkbox" value="backendProjects"> Backend Projects?
</label>
<label for="improvement3" class="form-label">
<input id="improvement3" type="checkbox" value="guiProjects"> GUI Projects?
</label>
<label for="improvement4" class="form-label">
<input id="improvement4" type="checkbox" value="graphicDesigning"> Graphic Designing?
</label>
<label for="improvement5" class="form-label">
<input id="improvement5" type="checkbox" value="videoEditing"> Video Editing?
</label>
</fieldset>
<fieldset>
<p class ="label-heading
">Any comments or suggestions?</p>
<label for="suggestions" class="form-label">
<textarea id="suggestions" rows="5" cols="40" placeholder="Type Your suggestions Here :)"></textarea>
</label>
</fieldset>
<label for="tnc" class="form-label">
<input id="tnc" type="checkbox" required name="terms-and-conditions">
By submitting the form I accept the <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Terms and Conditions</a>
</label>
<input type="submit" value="Submit" id="submit">
</form>
</div>
</body>
</html>
This checkbox element doesn’t have a value attribute:
<label for="tnc" class="form-label">
<input id="tnc" type="checkbox" required name="terms-and-conditions">By submitting the form I accept the <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Terms and Conditions</a>
</label>
<input type="submit" value="Submit" id="submit">
aha well i didnt even remember it was there … was just focusing on the ones that were for feedback… mb and tq