Freecodecamp: Create a Form Element

Created on 16 Jul 2016 · 10Comments · Source: freeCodeCamp/freeCodeCamp

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>

Source

Radeztky

Most helpful comment

@Radeztky You have to nest <input> tag in <form> tag Like this :+1:

<form action="/submit-cat-photo">
    <input type="text" placeholder="cat photo URL">
</form>

rameshsyn on 16 Jul 2016

👍4

All 10 comments

@Radeztky You have to nest <input> tag in <form> tag Like this :+1:

<form action="/submit-cat-photo">
    <input type="text" placeholder="cat photo URL">
</form>

rameshsyn on 16 Jul 2016

👍4

@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!

erictleung on 16 Jul 2016

👎2

thanks 👍

Radeztky on 16 Jul 2016

im not sure why this is not working

create a form element free code camp

mack318 on 19 Jul 2016

Hi mack318,
I think your code is correct. I was having the same problem try reloading the page.
It made mine run fine.

akhilgupta002 on 15 Apr 2017

Thanks, this was something I was stuck on as well.

FourPines on 8 Jun 2017

One of your radio buttons should have the value attribute of indoor.
One of your radio buttons should have the value attribute of outdoor.
One of your checkboxes should have the value attribute of loving.
One of your checkboxes should have the value attribute of lazy.
One of your checkboxes should have the value attribute of energetic.

HTML-CODDER on 27 Oct 2019

I need a help with this codes guys, please help

HTML-CODDER on 27 Oct 2019

@HTML-CODDER Please use our forum for help with the coding challenges.

Thank you.

RandellDawson on 27 Oct 2019

|h2|CatPhotoApp|/h2|
|main|
|p|Click here to view more |a href="#"|cat photos|/a|.|/p|

|a href="#"||img src="https://bit.ly/fcc-relaxing-cat" 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="https://freecatphotoapp.com/submit-cat-photo"|
|input type="text" placeholder="cat photo URL"|
|/form|
|/main|