Aprenda formulários em HTML criando um formulário de registro - Passo 29

Português HTML-CSS
1

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.
Qual erro no input deste código que não consigo enxergar, por favor me ajudem …
Seu código até o momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form method="post" action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" type="text" required /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input id="email" type="email" required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>

<!-- User Editable Region -->

     <fieldset>
            <legend>Informações da Conta Pessoal</legend>
            <label for="personal-account">Conta Pessoal:</label>
            <input type="text" id="personal-account" name="personal-account">
        </fieldset>

        <fieldset>
            <legend>Informações da Conta Empresarial</legend>
            <label for="business-account">Conta Empresarial:</label>
            <input type="text" id="business-account" name="business-account">
        </fieldset>

        <fieldset>
            <legend>Termos e Condições</legend>
            <label for="terms-and-conditions">Aceito os Termos e Condições:</label>
            <input type="checkbox" id="terms-and-conditions" name="terms-and-conditions">
       </fieldset> 
       <fieldset></fieldset>

<!-- User Editable Region -->

      <fieldset></fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

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

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/115.0.0.0 Safari/537.36 Edg/115.0.1901.203

Desafio: Aprenda formulários em HTML criando um formulário de registro - Passo 29

Link para o desafio:

2

Oi, @gersonsilvamarques. Vamos lá:

Primeiro, reinicie a aula, deixando os valores de exemplo ali. Neles, estão os inputs que você deve modificar. Os dois primeiros são do tipo radio, não text. Você verá no exemplo que os dois estão no mesmo fieldset e que os inputs do tipo radio têm a mesma propriedade name. Em outras palavras, quando o usuário utilizar o formulário, selecionará uma OU a outra opção.

Daí, passamos às instruções. Coloque nos três inputs os ids solicitados e nos três labels a propriedade for com os mesmos valores dos inputs que eles rotulam. Só então, teste novamente. Bons estudos! :smiley:

1 Like