question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Create a Form Element

See original GitHub issue

Challenge Create a Form Element has an issue. User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/601.6.17 (KHTML, like Gecko) Version/9.1.1 Safari/601.6.17. 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>
<input type="text" placeholder="cat photo URL">
<form action="/submit-cat-photo">
</form>

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
rameshsyncommented, Jul 16, 2016

@Radeztky You have to nest <input> tag in <form> tag Like this 👍

<form action="/submit-cat-photo">
    <input type="text" placeholder="cat photo URL">
</form>
2reactions
erictleungcommented, Jul 16, 2016

@Radeztky as @rameshsyn suggests, your code is incorrect. Please read the instructions again for clarification. If you get stuck with a challenge future, please first ask questions to the Help Room. Happy coding!

Read more comments on GitHub >

github_iconTop Results From Across the Web

The Form element - HTML: HyperText Markup Language | MDN
The HTML element represents a document section containing interactive controls for submitting information.
Read more >
freeCodeCamp/create-a-form-element.md at main - GitHub
You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by...
Read more >
HTML Forms - W3Schools
The <form> element is a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc.
Read more >
freeCodeCamp Challenge Guide: Create a Form Element
A <form> is an element used to gather infomation directly from the user's input. When you use this HTML element you are identifying...
Read more >
Walkthrough: Creating a custom form element
Walkthrough: Creating a custom form element · Create a field template · Create a new class · Create a razor view file ·...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found