I am stuck at this it's coming name attribute ...? Tell me how to resolve it

HTML-CSS
1

Tell us what’s happening:

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">
  <input type="text" placeholder="cat photo URL" required>
<label>
<input type="radio" name"indoor-outdoor"> Indoor 
</label>
<label>
<input type="radio" name"indoor-outdoor"> Outdoor 
</label>

</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 4.4.4; SD4930UR) AppleWebKit/537.36 (KHTML, like Gecko) Silk/71.2.4 like Chrome/71.0.3578.98 Mobile Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons

Screenshot_2020-04-19-15-43-28
Screenshot_2020-04-19-15-43-28720×1280 58.8 KB

1 Like
2

Hello there.

You have a simple typo. What you have:

<input type="radio" name"indoor-outdoor">

Look at this line. It is comprised of an input element with 2 attributes. 1 attribute is declared correctly, the other is not.

Hope this helps

1 Like
3

inside your input element you should use an equal “=” sign with your name attribute. if you dont use equal sign with attributes in html and semicolons in CSS then the browser will not understand and ignore the part of your markup.

so, keep that in your mind.