Crie um conjunto de botões de rádio

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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://www.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="https://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>

<label for="indoor">
  <input id="indoor" type = "radio" name = “indoor-outdoor”> indoor
  </label>
<label for="outdoor">
  <input id="outdoor" type = "radio" name = “outdoor-indoor”> outdoor
</label>

</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Não estou conseguindo seguir, estou preso neste iten da criação dos botões, me ajudem

3

A mensagem de falha diz Seus botões de opção devem receber o atributo de nome de interno-externo.
Apenas um de seus botões de opção está correto

A outra mensagem de falha diz Cada um dos elementos do seu botão de opção deve ser adicionado na tag form.
Você não aninhou os botões de opção corretamente.

Edit:
Em uma nota lateral, desative as aspas inteligentes.
Em vez de name =“ indoor-outdoor ”
Deve ser este name="indoor-outdoor"

Used Google translate…
The failing message says Your radio buttons should be given the name attribute of indoor-outdoor.
Only one of your radio buttons has this correct

The other failing message says Each of your radio button elements should be added within the form tag.
You have not nested the radio buttons correctly.

Edit;
On a side note, turn off smart quotes.
Instead of this name = “indoor-outdoor”
It should be this name="indoor-outdoor"

4

Ola Roma, obrigado pelo ajuda, mas ja alterei e continua com erro, não vai.

indoor outdoor
5

Oh, você marcou o seu como uma solução, então pensei que tivesse terminado.

Havia três coisas que precisavam ser mudadas. Por favor, poste como seu código se parece agora.
Quando você inserir um bloco de código em uma postagem do fórum, coloque uma linha separada de três crases antes dele e, em seguida, uma linha separada de três crônicas para facilitar a leitura.

Você também pode usar a ferramenta “texto pré-formatado” no editor (</>) para adicionar crases ao redor do texto.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Oh, you marked yours as a solution so I thought you were done.

There were three things that needed to be changed. Please post what your code looks like now.
When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

6

TePreformatted textll us what’s happening:
Describe your issue in detail here.

  **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://www.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="https://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>

<label for="indoor">
 <input id="indoor" type="radio" name="indoor-outdoor">Indoor
</label>

<label for="outdoor">
 <input id="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>

</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 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-buttonsPreformatted text

7

Ola gente, alguem poderia me ajudar, não estou conseguindo passar desta fase, coloquei de acordo com o solicitado, mas não vai, mesmo seguindo o que os colegas informam na ajuda, mas nao vai…

8

A lição pede que você adicione um par de botões de opção ao formulário. Você os adicionou fora do formulário.

A mensagem de falha diz
Cada um dos elementos do seu botão de opção deve ser adicionado na tag form.

Quando colocado no elemento form, os testes passam.

translated via Google
The lesson asks you to add a pair of radio buttons to the form. You’ve added them outside the form.

The failing message says
Each of your radio button elements should be added within the form tag.

When placed in the form element the tests pass.

9

Roma, amigo estou com bastante dificuldade para interpretar este item abaixo: podes mover os Tags para eu ver como ficou,

Quando colocado no elemento form, os testes passam.

Indoor Outdoor
10

A lição pede que você adicione um par de botões de opção ao formulário. Você os adicionou fora do formulário.

11

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