i can help me . 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="https://freecatphotoapp.com/submit-cat-photo">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>





<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 for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>










</main>

  **Your browser information:**

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

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

Hi @TUANYEN1409 !

Welcome to the forum!

Two issues.

No.1:
You don’t need this part at the end because it is a duplicate and it is not in the form anway. Delete it. Even though the test will still pass with the extra stuff at the end it dosn’t make for good html so it is best to delete.

No.2:
You need to add a value attribute inside each of the inputs here

FCC gave you the first two answers for this challenge.

<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>

Look carefully and notice there is a value attribute in the inputs.
this is the value attribute.

value="outdoor"

Study the examples carefully and apply a value attribute to each of the inputs inside the form.

make sense?

3

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="https://freecatphotoapp.com/submit-cat-photo">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
  <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/89.0.4389.90 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

4

What should I do ? can you please help me

5

Look at this first input here

You need to add a value attribute of indoor like this

Can you see the value attribute I added here?

This is a value attribute

You need to go through each input and add a value attribute.

Does that make sense?

6

I think the same is true. Can you help me with this part (One of your checkboxes should have the value attribute of loving.)
I was a new person.

7

For this one

You need to add the value attribute of loving to the input.

This is a value attribute

value="loving"

Add it to the input here

<input id="loving" <!--add value attribute here--> type="checkbox" name="personality">

Make sense?

8 
<label for="loving"><input id"loving" type="checkbox" value="loving"  name="personality">loving </label>

is that correct?

9

I’ve edited your post for readability. 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.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

10

The loving part is right but you are missing an = sign here

11 
<label for="loving"><input id="loving" type="checkbox" value="loving"  name="personality">loving </label>

that is still not correct.
I’m so sorry.
because I don’t speak the same language as you.

12

This part should be Loving not loving.

You had it right earlier

You don’t need to change the text.
You just need to add value attributes to the inputs.

13

Like this

<label for="loving"><input id="loving" type="checkbox" value="loving"  name="personality">Loving </label>
1 Like
14

Thank you very much.
I understood the problem

1 Like
15

can you add my facebook
Đlt Yên

16

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.