How to resolve this

HTML-CSS
1

Tell us what’s happening:

CatPhotoApp

Click here to view more cat photos.

A cute orange cat lying on its back.

Things cats love:

<li>cat nip</li>

<li>laser pointers</li>

<li>lasagna</li>

Top 3 things cats hate:

    <li>flea treatment</li>

<li>thunder</li>

<li>other cats</li>

<label><input type="indoor" name="indoor-outdoor"> Indoor</label>

<label><input type="outdoor" name="indoor-outdoor"> Outdoor</label><br>

<label><input type="checkbox" name="personality"> Loving</label>

<label><input type="checkbox" name="personality"> Lazy</label>

<label><input type="checkbox" name="personality"> Energetic</label><br>

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

<button type="submit">Submit</button>
**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 type="indoor" name="indoor-outdoor"> Indoor</label>
  <label><input type="outdoor" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input 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 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.122 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

Give each of the radio and checkbox inputs the value attribute. Use the input label text, in lowercase, as the value for the attribute.

so you need for every checkbox and radio input to add value attribute :smiley:

1 Like
3

not able to understand because i am from non coding background. can you pls explain in detail. thanks for your response.

4

yea, we’re all was one day with “no coding background” - but you’re here to learn, use google translate if you don’t get exactly what challenge wants from you

<label><input type="indoor" name="indoor-outdoor"> Indoor </label>

to thid

<label><input type="text" name="indoor-outdoor" value="indoor"> Indoor(this text here in value att - all lower  case </label>

<label><input type="checkbox" name="personality"> Energetic</label>

<label><input type="checkbox" name="personality" value="energetic"> Energetic</label>

Also I see you set

type=“indoor-outdoor”

see here valid attributes values for type

1 Like