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

Conte-nos o que está acontecendo:
As instruções seguem pedindo para que todos os meus campos de option tenham value. Eu já apaguei os que ficaram sem, já acrescentei 0 e ele continua solicitando essa entrada.

Seu código até o momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>freeCodeCamp From</title>
    <link rel="stylesheet" href="styles.css">
  </head>

  <body>
    <h1 id="title">freeCodeCamp Survey Form</h1>
    <p id="description">Thank you for taking the time to help us improve the platform</p>
    <form id="survey-form">
      <label for="name" id="name-label">Name</label>
      <input type="text" id="name" placeholder="Enter your name" required>
      <label for="email" id="email-label">Email</label>
      <input type="email" id="email" placeholder="Enter your Email" required>
      <label for="number" id="number-label">Age (opitional)</label>
      <input type="number" id="number" placeholder="Age" min="10" max="99">

      <legend>Which option best describes your current role?</legend>
      <select id="dropdown">
        <option value="">Select current role</option>
        <option value="1">Student</option>
        <option value="2">Full time job</option>
        <option value="3">Full time learner</option>
        <option value="4">Prefer not to say</option>
        <option value="5">Other</option>
      </select>

      <label>Would you recommend freeCodeCamp to a friend?</label>
      <label for="recommend"><input id="definitely" type="radio" name="recommend" checked/>Definitely</label>
      <label for="recommend"><input id="maybe" type="radio" name="recommend"/>Maybe</label>
      <label for="recommend"><input id="not-sure" type="radio" name="recommend"/>Not sure</label>

      <legend>What is your favorite feature of freeCodeCamp?</legend>
      <select>
        <option value="">Select an option</option>
        <option value="1">Challenges</option>
        <option value="2">Projects</option>
        <option value="3">Community</option>
        <option value="4">Open Source</option>

      </select>
      <p>What would you like to see improved? (Check all that apply)</p>
      
      <label><input type="checkbox" value="1">Front-end Projects</label>
      <label><input type="checkbox" value="2">Back-end Projects</label>
      <label><input type="checkbox" value="3">Data Visualization</label>
      <label><input type="checkbox" value="4">Challenges</label>
      <label><input type="checkbox" value="5">Open Source Community</label>
      <label><input type="checkbox" value="6">Gitter help rooms</label>
      <label><input type="checkbox" value="7">Videos</label>
      <label><input type="checkbox" value="8">City Meetups</label>
      <label><input type="checkbox" value="9">Wiki</label>
      <label><input type="checkbox" value="10">Forum</label>
      <label><input type="checkbox" value="11">Additional Courses</label>

      <label>Any comments or suggestions?</label>
      <textarea id="mensagem" placeholder="Enter your comment here..."></textarea>

      <input id="submit" type="submit">
      

    </form>
  </body>
</html>
/* file: styles.css */
body{
  background-image: url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg)
}

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

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

Link para o desafio:

1 Like

Bom dia Ana e bem-vinda! :sunglasses:

Recomendo que você utilize uma IDE e estas ferramentas para evitar pequenos erros:

Neste, você verá que tem vários erros. Tente corrigi-los em ordem, de cima para baixo. Se você ainda não conseguir resolver o problema, informe-nos.

Este último é para que o usuário de sua página possa ler o texto facilmente.

P.S. Uma última coisa, use um atributo value de acordo com o texto do input e não os repita.

<label> <input type="checkbox" value="front-end-projects">Front-end Projects </label>

Espero que isto seja útil. Continue assim. :clap: :muscle:

Traduzido com a versão gratuita do tradutor - DeepL Translate: The world's most accurate translator

1 Like

Olá, @anagfc, e boas-vindas ao fórum do freeCodeCamp.
A expressão “botões de opção” foi a tradução escolhida para “radio buttons” (o input do tipo radio).
Os elementos select e option são úteis para a criação de um menu suspenso ou de seleção. Evite usar nos desafios elementos para além dos solicitados, pois eles podem, em algum momento, prejudicar os testes automatizados. Se você remover esse menu que você criou com select e atribuir aos inputs da pergunta “Would you recommend freeCodeCamp to a friend?” um value para cada um, o resultado será de acordo com o esperado.

Bons estudos! :smiley: