May u help me About this level, I try many times perhaps because I'm just a beginner, i don't have enough skills

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>
Hhhjj
<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="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" 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>

{May u help me About this level, I try many times perhaps because I'm just a beginner, i don't have enough skills} 
``


**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Linux; Android 9; MHA-L29) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.136 Mobile Safari/537.36</code>.

**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-checkboxes
1 Like

Sure, you can always ask for help, that’s what these forums are all about! And we were all beginners once. We’ve all gone through the learning curve, we’ve all gone through the period of confusion and frustration and all that. You’re not alone.

So the point of this particular lesson is, HTML form elements have another attribute, one you haven’t really worked with yet, called value. It works like this:

<label>Your Name: <input type='text' value='Bob' /></label>

See that text input above? We know it’s a text input because it has an attribute that says type='text'. There’s also a second attribute, value='Bob'. That defines the value of that form element.

In this particular lesson, you’re being asked to add the value attribute to each of the checkbox elements, and radio elements. Be very careful, though, as the text that particular test is requesting is very specific. For example, loving, Loving and LOVING are all very different, and only one of them will pass that test.

Best of luck on your adventure! :wink:

Oh, My goodness, thank u a lot ur help is powerful and I’m glad to have you guys,

what is difference between this instance

<label>Your Name: <input type='text' value='Bob' /></label>
```and
To pass the challenge, add the `value` attribute to the `input` elements of type `checkbox` and `radio` . Use the `input` label text, in lowercase, as the value for the attribute. The `value` attribute will make sure the choices are identifiable when the form is submitted.

Example form with value attributes:

Wheat
Ciabatta

Chicken
Tuna
Mayo


Order Sandwich

```and check where i am #picture![h|690x330](upload://9fgMblXCZ3lF4GSolCCvFCSpwdj.png)

So it’s saying that, whatever the text of the label is, use that same text for the value attribute. Where I used value='Bob', you’d want to change each one:

<label>Wheat <input type='checkbox' value='Wheat' /></label>

So the label text is ‘Wheat’, I’ve used that same text in the value attribute.

1 Like

One of your radio buttons should have the value attribute of indoor .

One of your radio buttons should have the value attribute of outdoor .

One of your checkboxes should have the value attribute of loving .

One of your checkboxes should have the value attribute of lazy .

One of your checkboxes should have the value attribute of energetic .

AND L00K WHAT I DID

 <form action="/submit-cat-photo">
<label>indoor<input type="radio" value="indoor" /></label>
<label>outdoor<input type="radio" value="outdoor" /></label>
<label>loving<input type="checkbox" value="loving" /></label>
<label>lazy<input type="checkbox" value="lazy"/></label>
<label>energetic<input type="checkbox" value="energetic" /></label>
  <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>

edit your code, where you have actual code, put three back-tick characters (```) before and after the code block. Otherwise, all we see is the text. So you want to edit your post so it has something like:

```

my code goes here:
<input type='radio' value='swampy' />

```

1 Like

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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

So what you did, from the look of things, was to completely change the elements themselves. You’ve rearranged and reordered the label content, which is breaking the tests. All you need to do to pass this one is add five attributes to five elements. Add a value attribute to each of the <input type="radio" /> and <input type="checkbox" /> elements.

I would suggest you reset back to the original code (click the Reset all code button), and do exactly what the lesson instructions say:

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