Afternoon everyone. I have been researching on similar issues on my code but I still can’t figure out what’s wrong. Please help?
Tell us what’s happening:
Title: " All your checkboxes inside #survey-form should have a value attribute and value". No matter if I put equal or different values, still wrong.
Your code so far
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Survey Form Test v3 Oyster</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 id="title">Oyster Survey</h1>
<p id="description">Thank you for using Oyster services!</p>
<form id="survey-form">
<label id="name-label" for="name-label">Name: <input id="name" name="name" type="text" required placeholder="Grunty McGruntface" /></label>
<label id="email-label" for="email-label">Email: <input id="email" name="email" type="email" required placeholder="guy@haven.mail" /></label>
<label id="number-label" for="number">Age (number): <input id="number" type="number" name="number" min="8" max="150" placeholder="15 years" /></label>
<label for="representative-label">Reprst. Name: <input id="representative" name="representative" type="text" placeholder="ONLY IF UNDER 8 yo." /></label>
<label id="dropdown-label" for="dropdown">How did you paid for our services?
<select id="dropdown" name="dropdown-name" >
<option value="">(select one)</option>
<option value="1">Haven/Hope eCredits</option>
<option value="2">Neptune Dals</option>
<option value="3">Trade/Barter (Drugs, Food, etc)</option>
<option value="4">Long-term credit, Oyster</option>
<option value="5">Long-term credit, Third Party</option>
<option value="6">other</option>
</select>
<fieldset>
<p id="recommend">Would you recommend us to your close ones?</p>
<label for="radio-yes"><input id="radio-yes" type="radio" name="recommend" value="recommend" class="inline" /> Yes!</label>
<label for="radio-no"><input id="radio-no" type="radio" value="recommend" name="recommend" class="inline" /> Hell no...</label>
<label for="radio-maybe"><input id="radio-maybe" type="radio" name="recommend" class="inline" value="recommend"/> Maybe. Really depends</label>
<label for="terms-and-conditions">
<input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" class="inline" /> I accept the terms and conditions</a>
</label>
</fieldset>
<fieldset>
<p id="improve">What do you think our services should be improved on?</p>
<label for="checkbox-medicine1" ><input id="checkbox-medicine1" type="checkbox" name="checkbox-medicine1" value="m1" attribute="m1" class="inline" /> Medicine Quality</label>
<label for="checkbox-medicine2" ><input id="checkbox-medicine2" type="checkbox" name="checkbox-medicine2" value="m2" attribute="m2" class="inline" /> Medicine Quantity. More!</label>
<label for="checkbox-personnel" ><input id="checkbox-personnel" type="checkbox" name="checkbox-personnel" value="pp" attribute="pp" class="inline" /> Personnel (Skill, attention, behavior...)</label>
<label for="checkbox-entry" ><input id="checkbox-entry" type="checkbox" name="checkbox-entry" value="ee" attribute="ee" class="inline" /> Entry Procedure</label>
<label for="checkbox-security" ><input id="checkbox-security" type="checkbox" name="checkbox-security" value="ss" attribute="ss" class="inline" /> Security</label>
<label for="checkbox-other" ><input id="checkbox-other" type="checkbox" name="checkbox-other" value="oo" attribute="oo" class="inline" /> Other</label>
<label for="Other-Comment">Any additional comments or suggestions?
<textarea id="Other-Comment" name="Other-Comment" rows="3" cols="30" placeholder="I like the nurse..."></textarea>
</label>
</fieldset>
<input type="submit" id="submit" value="submit" />
</form>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
Appreciate any help or hint where I’m going wrong. Thanks!
