Oi, @mdtravassos87! Acabo de ver o código aqui. A instrução diz para usar checked na primeira caixa de seleção (checkbox) E no primeiro botão de opção (radio). Coloque nos dois e teste novamente!
Bons estudos!
Oi, @luscasmarcelo! Destravou? Avisa para a gente aqui. Se não tiver resolvido, conte qual é a dúvida especificamente. Importante: o checked é para ser colocado em dois lugares! Bons estudos!
Oi, @Nathanvf, e boas-vindas ao fórum do freeCodeCamp. Qual é a sua dúvida? O que exatamente está deixando você “travado”? Dê uma lida no tópico, veja a saída sugerida que resolveu a questão para a @mdtravassos87, veja o código dela e como a questão se resolveu e tente fazer isso da mesma maneira. Bons estudos!
@serrettibreno Please do not post solutions, as images or code.
It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.
We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.
Para que uma caixa de seleção ou botão de opção esteja selecionado por padrão, você precisa adicionar o atributo checked ao elemento. Não há a necessidade de definir um valor para o atributo checked. Em vez disso, apenas adicione a palavra checked (selecionado) ao elemento input, certificando-se de que haja um espaço entre esse atributo e os outros.
Faça com que o primeiro botão de opção e a primeira caixa de seleção estejam selecionados por padrão.
Seu código até o momento
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<section>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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">
<!-- User Editable Region -->
<fieldset>
<legend>Is your cat an indoor or outdoor cat?</legend>
<label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked >Indoor</label>
<label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor">Outdoor</label>
</fieldset>
<fieldset>
<legend>What's your cat's personality?</legend>
<input checked id="loving" type="checkbox" name="personality" value= "loving"> <label for="loving">Loving</label>
<input checked id="lazy" type="checkbox" name="personality" value= "lazy"> <label for="lazy">Lazy</label><label>
<input checked id="energetic" type="checkbox" name="personality" value="energetic" > <label for="energetic"> Energetic</label>
</fieldset>
<!-- User Editable Region -->
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</section>
</main>
</body>
</html>
Informações do seu navegador:
Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Informações do desafio:
Aprenda HTML criando um aplicativo de fotos de gatos - Passo 61