Help on Survey form project please

Help on Survey form project please
0

#1

Help needed on part 14 of the survey form project “14. Inside the form element, I can select several fields from a series of checkboxes, each of which must have a value attribute.”

below is my html code:

Summer Basketball Camp

Last day to sign up for basketball camp is May 31, 2018; if interested please fill registration form with proper information below.

Name:

Home Address:

Age:

E-mail:

What is your favorite basketball team?
Select an option Philadelphia 76ers New York Knick Golden State Warriors Los Angeles Lakers Other

What is your gender?
Male
Female
Do you have any known medical issues?
(select all that apply):
  • Asthma
  • Parkinsons Disease
  • Heart Failure
  • HIV
  • Other

For any additional questions feel free to leave a comment:


#2

Make sure you are formatting your code. Select your code and hit preformatted text icon in the editor.


#3
<main id="form">
  <div id="form-outer">
<h1 id="title">Summer Basketball Camp</h1>
  </div> 
<p id="description">Last day to sign up for basketball camp is May 31, 2018; if interested please fill registration form with proper information below.</p>
 
<form id="survey-form" method="GET">
  <div id="container">
    <label id="name-label">Name:</label>
    <input  placeholder="Enter Name" required id="name"></input>
  <br>
  <br>
    <label>Home Address:</label>
    <input placeholder="Enter Address"></input>
<br>
<br>
<label id="number-label" for="age">Age:</label>
<input type="number" name="age" id="number" min="1" max="150" class=input-field placeholder="Age"></input>
  <br>
  <br>
  <label id="email-label" >E-mail:</label>
  <input type="email"  id="email" placeholder="Enter E-mail" required></input>
<br>
<br>
  <label>What is your favorite basketball team?</label>
<br>
<select id="dropdown" name="teams">
  <option disabled value>Select an option</option>
  <option value="Philadelphia 76ers">Philadelphia 76ers</option>
  <option value="New York Knick">New York Knick</option>
  <option value="Golden State Warriors">Golden State Warriors</option>
  <option value="Los Angeles Lakers">Los Angeles Lakers</option>
  <option value="Other">Other</option>
</select>
<br>
<br>
<label>What is your gender?</label>
<br>
<input type="radio" name="radio-buttons" class="radio" value="1">Male</input>
<br>
<input type="radio" name="radio-buttons" class="radio" value="2">Female</input>

<div class="rowTab">
  <div class="labels">
    <label for="preferences">Do you have any known medical issues? <br>(select all that apply):</label>
  </div>
      <ul id="preferences" style="list-style: none;">
        <li class="checkbox"><label><input name="prefer" value="1" type="checkbox" class="userRatings">Asthma</input></label></li>
        <li class="checkbox"><label><input name="prefer" value="2" type="checkbox" class="userRatings">Parkinsons Disease</input></label></li>
        <li class="checkbox"><label><input name="prefer" value="3" type="checkbox" class="userRatings">Heart Failure</input></label></li>
        <li class="checkbox"><label><input name="prefer" value="4" type="checkbox" class="userRatings">HIV</input></label></li>
        <li class="checkbox"><label><input name="prefer" value="5" type="checkbox" class="userRatings">Other</input></label></li>
      </ul>
</div>

<label>For any additional questions feel free to leave a comment:</label>
<div id="message">
<textarea type="message" placeholder="Leave comments here"></textarea>
</div>
<input type="submit" id="submit"></input>
</form>
</main>



#4

Looks like you do have value properties for your checkboxes.

Can you share your code via codepen so that we can tinker with it?


#5

yes, here is the link

https://codepen.io/gregcolas90/pen/ZMbPyX?editors=1100


#6

It appears that you are passing all of the tests on my computer


#7

thats weird it says im failing one on mine.


#8

Try using Chrome if you aren’t.

Perhaps cleaning/clearing your cookies and caches might help too.


#9

thanks man appreciate it.