The name attribute of personality

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
The name attribute of personality… is already like that or am i missing something?? Please help me guys… Also the part of the checkbox elements should be nested in its own label

  **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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="
  <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>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>

<form action=<label for="love-nest"><input id="love-nest"  type="checkbox" name="personality">Love-nest</label>
</form>
<form action=<label for="friend"><input id="friend" type="checkbox" name="personality">Friend</label>
</form>
 <form action=<label for="close"><input id="close" type="checkbox" name="personality">Close</label> 
 </form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36

Challenge: Create a Set of Checkboxes

Link to the challenge:

2

It looks like you have 4 forms (all of which have malformed opening tags). You should only have one form.

3

Hello!

After looking at your attempt in the above code snippet that you provided.

It seems like you failed to understand the problem statement properly. I would suggest you to re-read what you are supposed to do. I will provide you some hints on why you are facing errors.

Problem Statement in your challenge :

Add to your form a set of three checkboxes.

Now look at your code, instead of adding things inside of provided <form><\form> tags (which is already on your screen when you started this challenge).

You created 3 new forms on your own which is not asked for this particular test.

Next, if you look at your own created form elements which again is not asked to create in the first place, you need to write valid attributes and their values in an element.

Here you can refer the given code in the challenge.

<form action="https://www.freecatphotoapp.com/submit-cat-photo">

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

</form>

Now refer this hints and try to solve it! : )

4

Hi,

Thanks for the help. One problem solved now i still want to see if i can fix the other one…
Thanks

5

If you get stuck again, feel free to share your updated code and describe what problem you’ve run into.

Happy coding!

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.