New radio and checkbox

HTML-CSS
#1

HI every one
I’m trying to learn and to pass the challenge about the Use the value attribute with Radio Buttons and Checkboxes, I’m currently stuck on creating a new radio and checkbox, please help.

When a form gets submitted, the data is sent to the server and includes entries for the options selected. Inputs of type radio and checkbox report their values from the value attribute.

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>


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


<label for="loving">
<input id="outdoor" value="loving" type="checkbox" name="indoor-outdoor">outdoor
</label>




  <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/85.0.4183.102 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

#2

reset your code, do not create new elements, add the attribute to the existing elements

#3

how can I reset it? plus the attributes are alredy imbedded on the elements that is asking me to change.

#4

this element does not have a value attribute

to reset your code use the reset button near the Run tests button

#5

thank you sooo much.

It took me two days to figure out and with your help that I didn’t need to create anything just add to the existing elements the (value).

now I know where the reset button is too. :smiley:

As much as I enjoy leaning this gets a little confuse sometimes.

If you have instagram I would like to follow you.

thank you again

#6

I don’t think you would find any value in my instagram.

#7

well, I will never know if you don’t share it, but I would like to add you if that’s ok to you.

#8

It’s not tech related, it’s a marketing instagram. I will abide to Free Code Camp Code of Conduct and avoid spam.

#10