Tell us what’s happening:
So the challenge is to give each of the radio
and checkbox
inputs the value
attribute. Use the input label text, in lowercase, as the value for the attribute. For the inputs indoor/outdoor it shows that i did right, but to the others not even though I did them in exact same way. Would really appreciate any help with this on
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">
<label><input value="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
<label><input value="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
<label><input value="Loving" type="checkbox" name="personality" > Loving</label>
<label><input value="Lazy" type="checkbox" name="personality" > Lazy</label>
<label><input value="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/80.0.3987.163 Safari/537.36 OPR/67.0.3575.137
.
Challenge: Use the value attribute with Radio Buttons and Checkboxes
Link to the challenge: