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

Português HTML-CSS
1

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.

eu ja realizei algumas das solicitações porem diz que eu nao as fiz
EX: h1 em id title

Seu código até o momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <head>
     <link rel="stylesheet" href="styles.css">   
        <h1 id:"title">Form Test</h1>
        <p id:"description">Please answer clearly</p>
        </head>
        <body>
            <fieldset>             <form id:"survey-form">
                <label id="name-label" for="name">Name: <input id="name" type="text" placeholder="Enter your name" required /></label>
                <label for="email" id="email-label">Email: <input type="email" id="email" placeholder="Enter your email" required /></label>
                <label for="number" id="number-label">Age: <input type="number" min="12" max="120" id="number" placeholder="Age" required /></label>
                <label>How did you find out about our services?</label>
                <select id="dropdown">
                    <option value="">select one</option>
                    <option value="1">For a friend</option>
                    <option value="2">Through social networks</option>
                    <option value="3">online ad</option>
                    <input type="radio" value="1" name="op1" />
                    <input type="radio" value="2" name="op2" />
                    <input type="checkbox" value="1" />
                    </select>
                </form>
                </fieldset>
            </body>
            </html>

/* file: styles.css */
body{
  background-color: #071033;
  width: 100%;
  height: 100vh;
  margin: 0;
  font-size: 15px;
  color: white;
  font-family: Sans Serif;
}

h1, p{
  text-align: center;
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: arial;
}

fieldset{
  border: none;
  padding: 2rem 0;
  border-bottom: 3px solid #384785;
  text-align: center;
}

label{
  display: block;
  margin: 0.5rem 0;
}

.inline{
  width: unset;
  margin: 0 0.5rem 0 0;
  vertical-align: middle;
}

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link para o desafio:

2

Lembre-se que a forma correta de atribuir um id é assim:

<elemento id="nome"></elemento>

Consegue ver o erro agora? Bons estudos! :wink:

1 Like
3

Olá, @arthur5, e boas-vindas ao fórum do freeCodeCamp.
Siga a dica do @weslleyend, que não tem erro! :smiley: Bons estudos!