Formulário de pesquisa - Criar um formulário de pesquisa

Português HTML-CSS
1

Todos os grupos de botões de opção devem ter pelo menos 2 botões de opção. estou parado nesta etapa. consegui progredir mas falta essa etapa

<!-- file: index.html -->
<h1 id="title">Formulario de pesquisa</h1>
<p id="description">Teste para certificado</p>
<form id="survey-form">
<input id="name" placeholder="Nome"required/>
<input id="email" type="email" placeholder="E-mail"required/><
<input id="number"type="number" min="14" max="120" placeholder="idade"/>
<label id="name-label">Nome</label>
<label id="email-label">E-mail</label>
<label id="number-label">Idade</label>
<select id="dropdown">
 <option></option>
 <option></option>
 <input type="radio" value="F" name="F"/>
 <input type="radio" value="M" name="M"/>
 <input type="checkbox" value="V"/>
 <input type="checkbox" value="F"/>
 <textarea></textarea>
 <input id="submit" type="submit">
<input link rel="stylesheet" href="styles.css">




/* file: styles.css */

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/122.0.0.0 Safari/537.36

Informações do desafio:

Formulário de pesquisa - Criar um formulário de pesquisa

2

Olá @1382rodrigo , como vai? espero que bem!
Vamos lá, primeiro irei lhe passar algumas dicas, por boas praticas sempre utilize o label antes ou depois do seu input, mas nunca linhas depois, por exemplo:

<label id="email-label">E-mail</label>
<input id="email" type="email" placeholder="E-mail"required/>

dessa forma além de facilitar a leitura do seu código, você também ira visualizar a descrição do seu seu input corretamente, caso contrario seu input ficara em uma parte e a o que esta escrito ficara em outra.

Lembre também de sempre verificar o seu código pois caso não tenha atenção poderia haver <> mais do que o necessário.

Agora vamos resolver o problema que você teve, quando você utiliza input do tipo “radio” você deve utilizar o mesmo “name”, dessa forma o usuario podera escolher entre um e outro, caso contrario o html não entendera que é uma opção, ele entendera que cada um é uma coisa diferente, segue um exemplo de como utilizar corretamente:

<fieldset>
<legend>Qual seu genero?</legend>
 <input type="radio" value="F" name="genero"  id="feminino"/>
<label for="feminino">feminino</label>
 <input type="radio" value="M" name="genero" id="masculino"/>
<label for="masculino">masculino</label>
</fieldset>

espero que tenha compreendido, até mais!