2 replies [Last post]
tinodesign
tinodesign's picture
Offline
newbie
Last seen: 9 weeks 5 days ago
Timezone: GMT+7
Joined: 2018-10-10
Posts: 2
Points: 3

Cant seem to pass? asking for… both are there?
Make sure each of your label elements has a closing tag.
Your code so far

<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="/submit-cat-photo">
    <label type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
 
 
    <label>
    <label for="indoor">
      <input id="indoor" type="radio"name="indoor-outdoor">Indoor
    </label>
   <label>
      <input id="outdoor" type="radio"name="indoor-outdoor">Outdoor
    </label>
  </form>
</main>

tinodesign
tinodesign's picture
Offline
newbie
Last seen: 9 weeks 5 days ago
Timezone: GMT+7
Joined: 2018-10-10
Posts: 2
Points: 3

Help me. Thanks you !

Help me. Thanks you !

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 hours 27 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9716
Points: 3792

html errors

You forgot to assign a value to the radio switches and labels are incomplete or unclosed. See minimal test case:

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta content=
    "width=device-width, height=device-height, initial-scale=1"
          name="viewport">
    <title>
      Test document
    </title>
 
    <style media="screen">
    /*<![CDATA[*/
 
    body, html {
	font: 100%/1.5 sans-serif;
	margin:0;
	padding: 0;
    }
 
    p {
	font-size: 1em;
	margin-bottom: 0;
    }
 
    h1, h2, h3 {
	font-family: serif;
    }
 
    h1 {
	text-align: center;
    }  /* end boiler plate */
 
    label {
	display: block;
    }
 
    legend {
	font-weight: bold;
    }
 
    /*]]>*/
    </style>
  </head>
 
  <body>
    <h1>
      Radio input
    </h1>
    <form action="#"
	    method="get">
      <fieldset>
	<legend>Inside or Outside Cat</legend>
	<label for="indoor">
	  <input id="indoor"
		  type="radio"
		  name="in-out"
		  value="in">
	  Indoor cat
	</label>
 
	<label for="outdoor">
	  <input id="outdoor"
		  type="radio"
		  name="in-out"
		  value="out">
	  Outdoor cat
	</label>
      </fieldset>
 
      <input type="submit">
    </form>
  </body>
</html>

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.