"Create a Form Element" Error
See original GitHub issueChrome blocks the code visualiser This was a very simple nesting exercise but for some reason I cannot see the results of my coding because apparently the form tag is seen as malicious? I tried resetting my code but nothing seems to work.
Google Chrome, macOS Sierra, Macbook Pro
- Browser Name, Version:
- Operating System:
- Mobile, Desktop, or Tablet:
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>
Screenshot
Issue Analytics
- State:
- Created 6 years ago
- Reactions:1
- Comments:8 (1 by maintainers)
Top Results From Across the Web
Create a form element error - The freeCodeCamp Forum
I did as you suggested, but it is telling me that the existing input element should be nestled within a form element. How...
Read more >Client-side form validation - Learn web development | MDN
The simplest HTML validation feature is the required attribute. To make an input mandatory, add this attribute to the element. When this ...
Read more >formElementErrors - laminas-form - Laminas Docs
The FormElementErrors view helper is used to render the validation error messages of an element. Basic usage. use Laminas\Form\Form; use Laminas\ ...
Read more >Form-Field Validation: The Errors-Only Approach
Error pages for form-field validation are dreadful. You've just filled out 20 form fields, yet you get the same bloated page thrown back...
Read more >how to display error msg using create element in form ...
The solution will look something like this: Identify where the "Error Message" span will appear. It needs to be inside another element, ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Well just login with your freeCodeCamp account on Mozilla and complete the lesson, after that you can continue on Chrome as usual. I bet it’s just this specific exercise creating problems on Chrome.
Closing as duplicate of an even earlier issue https://github.com/freeCodeCamp/freeCodeCamp/issues/13727. Take a look at the thread over there for possible workarounds. I think there are some people working on a solution. A possible workaround is to just use a different browser for this challenge and any others that involve forms. Happy coding!