Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I need help with the final touches as labeled here;

“All your checkboxes inside #survey-form should have a value attribute and value.”

Your code so far

<!-- file: index.html -->
<h1 id='title'>Basketball World</h1>
<p id='description'>Description</p>
<form id='survey-form'>
  <input type='checkbox'>
 <label id='name-label'>Enter Name<input id='name' type='text' required placeholder='name'></label>
 <label id='email-label'>Enter Email<input id='email' type='email' required placeholder='email'/></label>
 <label id='number-label'>Choose A Number<input id='number' type='number' number type='number' required placeholder='number' min="0" max="10"/></label>
  <label id='name-label' input id='name' type='text' required placeholder='name'/></label>
  <select id="dropdown">
  <option>Do you play ball frequently?</option>
<option>Sometimes</option>
<option>Everyday</option>
</select>
<input type='radio' name='radio' value='radio'/>
<input type='radio' name='radio' value='radio' />
<input type='checkbox' value='checkbox' />
<input type='checkbox' value='checkbox' />
<input type='checkbox' value='checkbox' />
<textarea></textarea>
<input type='submit' id='submit'>
input:not([type=checkbox): not ([type=radio)    {

</form>


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form`Preformatted text`

2

what is this? css goes in the css file

3

do you have other checkboxes other than these 3?
maybe the issue is that they have the same value. A group of checkboxes should have the same name but different value attributes

4

No I haven’t got more than 3. The other code was calculating in a different way.

5

That’s the problem figuring out the other values for the 3statements.

6

the name should describe what the group of checkboxes is for, the value rapresents what each single checkbox is for. It’s much easier if you give a theme to your survey form

7

I tried with no luck do me a favour and just give me the solution!

8

I am giving you the solution, you need to give them a different value attribute, and the same name attribute.

What code have you written?

9

Look at my new post with the changes.

10

Tell us what’s happening:

These are the changes I made from my understanding.

Your code so far

<!-- file: index.html -->
<h1 id='title'>Basketball World</h1>
<p id='description'>Description</p>
<form id='survey-form'>
  <input type='checkbox'>
 <label id='name-label'>Enter Name<input id='name' type='text' required placeholder='name'></label>
 <label id='email-label'>Enter Email<input id='email' type='email' required placeholder='email'/></label>
 <label id='number-label'>Choose A Number<input id='number' type='number' number type='number' required placeholder='number' min="0" max="10"/></label>
  <label id='name-label' input id='name' type='text' required placeholder='name'/></label>
  <select id="dropdown">
  <option>Do you play ball frequently?</option>
<option>Sometimes</option>
<option>Everyday</option>
</select>
<input type='radio' name='radio' value='radio' />
<input type='radio' name='radio' value='radio' />
<input type='checkbox' value='checkbox' required placeholder='value' />
<input type='checkbox' value='checkbox' required placeholder='value' />
<input type='checkbox' value='checkbox' required placeholder='value' />
<textarea></textarea>
<input type='submit' id='submit'>
<input type='information' name= "basketball">
<input>s<share>
</div>
</submit>
</form>


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form`Preformatted text`

11

Let’s not spawn extra topics please. I put those two topics back together for you.

12

I got it can you help me with this code?

13

they do not have a name attribute yet, and they still have all the same value attribute when it should be different. You can also remove the placeholder attribute, it doesn’t make sense for a checkbox

15

What are the names of variables and attributes I need to use? This is the final stage of completing my certificate!

16

you need value attribute within each input type of checkbox. and that value attribute needs any sutibale value matching with your checkbox name.
example:
if i have a checkbox with the name Check. i will add Check as a value for the value attribute.

17

Like this?

<input [form|=“submit”]>

Blockquote

18 
<input type='radio' name='radio' value='radio'/>
<input type='radio' name='radio' value='radio'/>
<input type='checkbox' value='check' />
<input type='checkbox' value='check' />
<input type='checkbox' value='check' />
<textarea></textarea>
<input type='submit' id='submit' />
</div>
<input [form|="submit"]>
</form>
19

these three, you have given them value="check", but they need to have different value attributes, also you need to give them the same name attribute

20

I’m stagnant atm there’s still issues, I’m probably tired hence the struggles! Please correct this plus remind me what variables to attributes are.

Preformatted text

21

We cannot write the answer for you