There was an issue created on github - solution is outdated

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Refuses to accept the correct ansewer. I’ve tried multple answers from the formums and attempted in two different browsers (Firefox, Brave).
Solution refused

  **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>
<style>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
<input type="placeholder="text"
</form action>
</main>


  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1 Safari/605.1.15

Challenge: Create a Form Element

Link to the challenge:

2

The github issue now closed

3

Hi @mikedon.wil !

Welcome to the forum!

That is an issue from 2015.
So yes it will be outdated because the challenges will go through frequent updates.

However, your code isn’t passing because you have html syntax errors.

For example, you have this opening <style> tag here that doesn’t belong.
Plus it is missing an end tag.

Also, this is not the correct input

This is not valid html

I would reset the lesson.

Nest the existing input element inside a form element
This is the input you are supposed to use.

  </ol>
  <input type="text" placeholder="cat photo URL">
</main>

Do not change it.
Wrap your form tags around that.

Hope that helps!

1 Like
4

I still do not understand

6 
 <form>
  <input type="text" placeholder="https://www.freecatphotoapp.com/submit-cat-photo">
  </form>
</main>
7

I tried this and it still doesn’t like it, what am I missing?

 <form>
  <input type="text" placeholder="https://www.freecatphotoapp.com/submit-cat-photo">
  </form>
</main>
8

You will need to reset the lesson again.

This is the existing input.

Do not change it at all.

You wrote this which is incorrect.

You are not supposed to touch the input.
Ever :grinning:

This link

"https://www.freecatphotoapp.com/submit-cat-photo"

is for the action attribute inside the opening form tag.

For example:

<form action="URL GOES HERE">

All put together this will be the structure.

<form action="URL GOES HERE">
EXISTNG INPUT GOES HERE
</form>

If you are successful, then you should only be adding two lines of code.
One above the existing input I showed you.
One below the existing input I showed you.

Hope all of that makes sense!

1 Like
9 
<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>
ADD OPENING FORM TAG HERE
  <input type="text" placeholder="cat photo URL">
ADD CLOSING FORM TAG HERE
</main>
10

</form action> tag is incorrect
correct it to </form>

1 Like
11

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.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like
12

First, I do appreciate all of your help, especially the detailed responses (and I mean this sincerely).

Second, I still don’t understand entirely…

This is what I have…

<form action="https://www.freecatphotoapp.com/submit-cat-photo"
  <input type="text" placeholder="cat photo URL">
  </form>

I understand opening and closing with the <> and </> I understand nesting is puting code inside of code (in layman’s terms").

I guess I dont understand structure?
13

Wow…

after adding the > after

...-cat-photho">

I solved the solution… thank you very much @jwilkins.oboe

15

what is the final solution?

16

Hi @kayleigh_metz99 !

We don’t give out full solutions.

If you need help with your challenge, then please reply back to your original post and people can assist you there.

17

Fogot to point out i had solved it that behind me nowbit I have a new one

18

please can you share the correct code? I’m having the same problem

22

HI @Domain6 !

Welcome to the forum!

I am not sure why you keep posting and then deleting it but this thread has already been solved.

If you have a question on a challenge, please create a new topic and someone can help you there.

Thanks!

23

im sorry,
i am new here and not familiar in the environment
thank you for you’r concern

24

Try this 100% work :star_struck: