Help Help with step 41

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**


<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
    </section>
    <section>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
      <ul>
        <li>cat nip</li>
        <li>laser pointers</li>
        <li>lasagna</li>
      </ul>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
        <figcaption>Cats <em>love</em> lasagna.</figcaption>  
      </figure>
      <h3>Top 3 things cats hate:</h3>
      <ol>
        <li>flea treatment</li>
        <li>thunder</li>
        <li>other cats</li>
      </ol>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
        <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
      </figure>
    </section>
    <section>
      <h2>Cat Form</h2>
      <form action="https://freecatphotoapp.com/submit-cat-photo">
        <input type="text" name="catphotourl" placeholder="cat photo URL" required >
        <input type="button">Submit</input>
      </form>
    </section>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36 Edg/101.0.1210.47

Challenge: Step 41

Link to the challenge:

Hello, I am having trouble with step 41.
This is what I wrote:strong text
Submit

The response states:
// running tests Your

button

element should have an opening tag. Opening tags have this syntax:

<elementName>

. Your

button

element should have a closing tag. Closing tags have a

/

just after the

<

character. Your

button

element’s text should be

Submit

. You have either omitted the text or have a typo. Your

button

element should be below the

input

element. You have them in the wrong order. // tests completed

I am not really sure what I am doing wrong. Any help would be appreciated!

2

Use the button element to create a clickable button. For example, <button>Click Here</button> creates a button with the text Click Here .

This is the task:
Add a button element with the text Submit below the input element. The default behavior of clicking a form button without any attributes submits the form to the location specified in the form’s action attribute.

This is what I wrote:

<input type="text" name="catphotourl" placeholder="cat photo URL" required >
          <input type="button">Submit</input>

What am I doing wrong?

3 
<input type="button"<Submit></input>

          <input type="text" name="catphotourl" placeholder="cat photo URL" required>

That is what I put in. Im not sure what I am doing wrong. It says I need an opening tag, the button element needs a closing tag, the text “Submit” is omitted and the element needs to be below the input element. Help please.

4

You are asked to create a button element, not an input element.

Create a button element below the input element in the starting code and give it the text content that is asked for.

5

Would it just be button=“Submit” ?

6

No it should be an actual <button> element. Look at the example given.

<button>Click Here</button>

That is a button element.

The text goes inside it as its content.

<button>The text the challenge is asking for</button>

Add a button element with the text Submit

1 Like
7

Within the input type correct? < button >Submit<\button> And can go after placeholder?

8

It is a separate element after the input element.

Example:

<input type="text">
<button>Some text</button>
1 Like
9 
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button>Submit</button>
1 Like
10

Please do not post solution code.

1 Like
11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.