Cuando el value ON te hace OFF en la cabeza

Hi guys! how are you? i’ve been making all the test and is pretty cool but really i got some doubts about understanding the importance of “value” and “label” atribute. My dads are painters and something that we got on our blood is imaginate all the things that we´re learning but in this point i can´t do it pretty well for this…lack of understanding.

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><input type="radio" value=indoor name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" value=outdoor name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" value=loving name="personality"> Loving</label>
  <label><input type="checkbox" value=lazy name="personality"> Lazy</label>
  <label><input type="checkbox" value=energetic 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/85.0.4183.83 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxesstrong text

@pabloeoliveros take a look at these two articles. they may help you out:
https://www.geeksforgeeks.org/html-value-attribute/#:~:text=The%20value%20attribute%20in%20HTML,progress>%20and%20.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label

1 Like

najme thank you a lot! now i understand!!

1 Like