Hi there! I am getting errors in my project that don’t make sense to me. Error 1 (#6)says I need to have my text equal to email, and it does. Error 2 (#13) says inside the form element I need to have at least 2 radio buttons, and I do. Error 3(#14) says inside the form element I need to have at least 2 check boxes, and I do. Error 4(#15) says my textarea is not inside the form element, but it is. Error 5(#16) says my submit button with id=“submit” is not inside the form element, but it also is. Any help is apreciated!
Code is :
//<div class="container">
<header class="header">
<h1 id="title" class="text-center">Nicole's Soaps Survey Form
</h1>
<p id="description"class="description text-center"> Thank you for taking the time to help me better my business!</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 class="form-group">
<label id="email-label" for="email"> Email</label>
<input
type="text"
text="email"
name="email"
id="email"
class="form-control"
placeholder="Enter your Email"
required />
</div>
<div class="form-group">
<label id="number-label" for="number"> Age</label>
<span class="clue">(optional)</span></label>
<input
type="number"
name="age"
id="number"
min="10"
max="99"
class="form-control"
placeholder="Age"/>
</div>
<p> Which best describes your current role?</p>
<select id="dropdown" name="role" class="form-control"
required />
<option disabled selected value>Select current role</option>
<option value="student">Student</option>
<option value="job">Full-time job</option>
<option value="prefer-no">Prefer not to say</option>
<option value="other">Other</option>
</select></div>
<div class="form-group">
<p>Would you recommend Nicole's Soaps to a friend?</p>
<label>
<input
name="user-recommend"
value="definitely"
type="radio"
class="input-radio"
checked/>Definitely</label>
<label>
<input
name"user-recommend"
value="maybe"
type="radio"
class="input-radio"/>Maybe</label>
<label>
<input
name"user-recommend"
value="no"
type="radio"
class="input-radio"/>No</label>
<div class="form-group">
<p>What is your favorite thing about Nicole's Soaps?</p>
<select id="most-like"name="most-like" class="form-control"
required/>
<option disabled selected value>Select an option</option>
<option value="scent">The scents</option>
<option value="color">The colors</option>
<option value="packaging">The packaging</option>
<option value="speed">Shipping speed</option></select>
</div>
<div class="form-group">
<p>What would you like to see improved?
<span class="clue"> (Check all that apply)</span></p>
<label>
<input
name="prefer"
value="quality"
type="checkbox"
class="input=checkbox"/> Soap quality</label>
<label>
<input
name="prefer"
value="scents"
type="checkbox"
class="input-checkbox"/> Scents</label>
<label>
<input
name="prefer"
value="colors"
type="checkbox"
class="input-checkbox"/> Colors</label>
<label>
<input
name="prefer"
value="packaging"
type="checkbox"
class="input-checkbox"/> Packaging</label>
<label>
<input
name="prefer"
value="shipping"
type="checkbox"
class="input-checkbox"/> Shipping</label>
<label>
<input
name="prefer"
value="website"
type="checkbox"
class="input-checkbox"/> Website</label>
</div>
<div class="form-group">
<p>Any comments or suggestions?</p>
<textarea
id="comments"
class="input-textarea"
name="comment"
placeholder="Enter your comment here">
</textarea>
</div>
<div class="form-group">
<button type="submit" id="submit" class="submit-button">Submit</button>
</div>
</form>
