Am stuck on topic 43

HTML-CSS
1

am stuck on topic 43…help

2

Hi @mikeshammacher1999 , welcome to the forum.
Could you provide the link to the challenge, a description of the problem and what was your solution so far (what was your code and what were the steps you took to solve the problem)?

If you are stuck on a challenge and, after a research, you can’t find a solution, there should be a button that you can use to automatically create a post in the forum with a skeleton of the info you should provide.
Using this method, usually your code and the link to the challenge would be there, but the description of the problem is yours to provide.

3

Step 43

You can use radio buttons for questions where you want only one answer out of multiple options.

Here is an example of a radio button with the option of cat: <input type="radio"> cat. Remember that input elements are self-closing.

Before the text input, add a radio button with the option Indoor.

4

<input type="radio" Indoor> type="type="text" name="catphotourl" placeholder="cat photo URL" required>
wont woork

5

@mikeshammacher1999 it’s hard to understand what is the problem without reading the whole code :sweat_smile:
Can you copy and paste all of your code into a comment?
Make sure that you wrap all of your code using the “preformatted text” button in the comment editor (the 6th from left). Basically both the line before and the line after your code (in the comment) should have 3 backticks.

6 
<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">
  (THIS IS WHERE AM STUCK AT) <input type="type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>
7

@mikeshammacher1999 for this challenge, you shouldn’t touch the text input.
The original text input is <input type="text" name="catphotourl" placeholder="cat photo URL" required>.
If you look at your text input, you’ll notice that there are some problems with the type attribute.

I suggest to reset it to how it was before (or copy paste the initial state of the line) and then work on the goal of the task: adding a new input (a radio button) before the text input :slight_smile:

Edit: as for the option, you can type it after you close the radio input tag. This was confusing for me, because that is not how it is done usually. But I suppose that the missing parameter and label tag is explained later.

8

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