I need to 2 inputs after each other. and the hint says:
The text Outdoor
should be located directly to the right of your new radio
button. Make sure there is a space between the element and the text. You have either omitted the text or have a typo.
I did what the hint said and still no result.
someone know what is going on?
bgb
June 23, 2022, 11:32am
2
Hello @FireGams ,
Send the related step and your code please.
@bgb how do i send the code?
bgb
June 23, 2022, 11:37am
4
You can copy and paste it. When you paste it, select all and click </>
to make the code preformatted text.
Also send the step of the text that you’re stuck.
like this?
<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">
<label><input id="indoor" type="radio">Indoor</label> <label><input id="outdoor" type"radio">outdoor</label>
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</section>
</main>
</body>
</html>
bgb
June 23, 2022, 11:42am
8
Yes, and send the step’s link so that i can understand what isrewuested from you.
Step 46
Nest another radio button with the option Outdoor
in a new label
element. The new radio button should be placed after the first one. Also, set its id
attribute value to:
outdoor
bgb
June 23, 2022, 11:46am
10
<label><input id="indoor" type="radio">Indoor</label>
<label><input id="outdoor" type="radio"> Outdoor</label>
→ Add this
Because you typed type"radio"
instead of this type="radio"
@bgb thx youre so helpful!
@bgb I did as you said and fixed the problem, but stap 46 is still not complete. Do you know what i did wrong? i cant find it.
<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">
<label><input id="indoor" type="radio">Indoor</label> <label><input id="outdoor" type="radio">outdoor</label>
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</section>
</main>
</body>
</html>
bgb
June 23, 2022, 1:04pm
13
Use this →
<label><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
<label><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label>
name=“indoor-outdoor” was missing in your codes.
system
Closed
December 23, 2022, 1:05am
14
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.