I need a help please

HTML-CSS
1

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

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

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

What problem with you?

3

How can i solve this please

<label for="indoor"> 
  <input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor 
</label>
<label for="outdoor"> 
  <input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor 
</label>
4

Can you put your whole code in so we can see what you have done ?
Also, I see you entered IDs while it was only asking you to enter VALUEs.

5 
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor 

</label>

<label for="outdoor"> 

  <input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor 

</label>
1 Like
6

No ; I mean whole code as in copy paste everything that you have done.

7

i try pasting it, the whole board could not contain it

8

If you put it in pre-formatted text (icon with </> on it), that should work

9 
<h2>CatPhotoApp</h2>

<main>

  <p>Click here to view more <a href="#">cat photos</a>.</p>

  

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

  

  <p>Things cats love:</p>

  <ul>

    <li>cat nip</li>

    <li>laser pointers</li>

    <li>lasagna</li>

  </ul>

  <p>Top 3 things cats hate:</p>

  <ol>

    <li>flea treatment</li>

    <li>thunder</li>

    <li>other cats</li>

  </ol>

  <form action="/submit-cat-photo">

    <input type="text" placeholder="cat photo URL" required>

    <form action="/submit-sandwich">

    <label for="indoor"> 

  <input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor 

</label>

<label for="outdoor"> 

  <input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor 

</label>

</main>
</>
10

That’s not working
Can you send a screenshot of your code ?

11
12

Now that I can see what you have done so far, I can tell you that you just have to keep going as in adding more values because you have only added for indoor and outdoor but not for others.

13

Y es how will i be able to add the values please

14

The same way you did for the other two

15

I have tried and it’s not working, any copy and paste please

16

what have you tried? for now you showed only for the radio buttons, you need to add value to the checkboxes too

When you enter a code block into a forum post, 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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

17

I would stay away from copy-pasting and try and learn it by reading instructions.

1 Like
18

you want the change the output from “ON” value to an easier test like “indoor”. so in the code you will want to add a label, then you want to use the label from the id= , then change the default value to indoor

image
image837×27 1.34 KB

from my understanding, if no value then the data would be -> indoor-outdoor=on vs adding the value it will say indoor-outdoor=indoor

19

I still need a help on this please https://prnt.sc/ruvp5e

20

the value should be equal to the label text, also do not change the label text: the label text should be with first letter upper case, the value all lower case

the tests are telling you which ones you still need to fix