Create a Form Element

[rougesatya]

Challenge Create a Form Element has an issue.
User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36.
Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></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"><input type="text" placeholder="cat photo URL"></form>

[rougesatya]

When i enter the form element, the page then fails to load.
Can someone tell me the reason for this?

[zupa94]

Your code is correct. There should be no problem. Try to refresh page, or close browser then start it again. It works for me. or try clearing your browser's local storage

[LarrisUK]

Same error happening to me and refreshing/ resetting code doesn't work.
The code seems to work fine when I use it separately in a text editor then view as a page in Chrome.

Link to the most up to date page containing the same advice:
https://forum.freecodecamp.com/t/removing-all-locally-stored-challenges/19129

Note that 'Resources' was not visible in my Chrome console but instead was replaced(?) with 'Application'.
Here I found the specific challenge and deleted it but the problem remained.
And when I refreshed my web page, the challenge appeared again in the list of 'Locally Stored Challenges'.

[fatbacker]

This site is riddle with ridiculous issues that beginners are not going to be able to figure out because they are trying to trouble shoot stuff they don't know. You people in this site need to fix this if you really want to teach people.

[fatbacker]

But I fixed my issue by copying the link and then closing the browser and opening a new one and pasting in the link and re-doing the problem.

[D34nsF1n3st]

If you have Chrome, try the following:

• Press: Ctrl + Shift + J
• Console opens up
• Go to "Application" Tab (two bolt symbol, to the right of Profiles)
• Go to Left Tab "Local Storage"
• "https://www.freecodedamp.com" opens under the Local Storage, klick it
• Go to the right Tab "Key"
• Search for "Create a Form Element"
• Rightclick -> Delete
• Refresh your browser

[LarrisUK]

The advice about deleting the page in local storage/ hard resetting the browser doesn't work for me.
I think this is the same as issue #14310.
It seems to be an issue specifically with Chrome. I think that's kind of embarrassing on the part of FCC, since we are learning to develop web pages and Chrome is the most commonly used web browser in the world by a long shot.

That other issue is still open and older than this one so I'm reverting to that to make further posts about the problem.

[texas2010]

thanks for the report, and we confirm that this is a known issue, check #13727

Closing as a duplicate.