Radio button nesting

HTML-CSS
1

image_2022-08-09_170817635
image_2022-08-09_1708176351326×665 197 KB

2

I need help guys I can’t go any further from here

3

please post the link to the exercise

4
5

please am waiting for a reply help a bro

6

The original code given to you was this:

         <label><input id="indoor" type="radio"> Indoor</label>

and the instructions were:

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

The original code creates a radio button with a label called Indoor.
The instructions want you to make another one with a different label Outdoor.
So just copy the original line of code and paste it directly below that line. The make your changes to the second line only (leave the first one alone).
So after the paste you should have something like this:

         <label><input id="indoor" type="radio"> Indoor</label>
         <label><input id="indoor" type="radio"> Indoor</label>

Modify the second line only so that the id attribute is “outdoor” , and the label is “Outdoor” (minus the quotes which I am just using as emphasis).

8

Is not working I have try this

indoor outdoor ![image_2022-08-10_025939979|690x347](upload://sRJvqS6OJC99KbM2iCQEGNXWJRr.png)
9

Hello
You can paste your code in your posts, like this:

10

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

11 
<label>
   <input id="indoor" type="radio"> indoor 
   </label> 
      <label>
        <input id="outdoor" type="radio"> outdoor
   </label>
13

Take a look at the instructions.
There are directions: where you should use outdoor, and where you should use Outdoor.
Case matters here.

14 
<label>
   <input id="indoor" type="radio"> indoor 
   </label>
15

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