Encuesta - Crea un formulario de encuesta

Español HTML-CSS
1

Tell us what’s happening:

Al realizar el test requerido presenta este error: " Todos tus casillas de verificación dentro de #survey-form deben tener un atributo value y un valor."

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PROYECTO DE DEMOSTRACION</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1 id="title">PROYECTO DE DEMOSTRACION</h1>
    <p id="description">Proyecto para demostracion de los conocimientos adquiridos</p>
    <form action="" id="survey-form">
        <fieldset>
            <legend>DATOS BASICOS:</legend>
            <label for="name_label" id="name-label">NAME: <input type="text" class="" id="name" name="name_label" alt="ingresar el nombre" placeholder="ingresar el nombre" required></label>
            <label for="email_label" id="email-label">EMAIL:<input type="email" name="" id="email" name="email_label" alt="ingresar email" placeholder="ingresar email" required></label>
        </fieldset>
        <fieldset>
            <legend>OTROS DATOS:</legend>
            <label for="number_label" id="number-label">NUMERO: <input type="number" name="" id="number" name="number_label" min="0" max="100" alt="ingresar un numero entre 0 y 100" placeholder="ingresar un numero entre 0 y 100"></label>
            <label for="dropdown">UBICACIÓN:
                <select name="" id="dropdown">
                    <option value="arriba">Arriba</option>
                    <option value="abajo">Abajo</option>
                </select>
            </label>
        </fieldset>
        <fieldset>
            <legend>OPCIONES DE RADIO</legend>
            <label for="opciones"><input type="radio" class="inputper" name="opciones" id="opciones" value=1 checked>Opcion 1</label>
            <label for="opciones"><input type="radio" class="inputper" name="opciones" id="opciones" value=2>Opcion 2</label>
        </fieldset>
        <fieldset>
            <legend>ZONA DE CHEQUEO</legend>
            <Label for="check"><input type="checkbox" class="inputper" value=1 id="check" > VALOR 1</Label>
            <Label for="check"><input type="checkbox" class="inputper" value=2 id="check" > VALOR 2</Label>
        </fieldset>
        <fieldset>
            <legend>COMENTARIOS: </legend>
            <label for="comentarios"> <textarea name="comentarios" id="comentarios" cols="30" rows="10"></textarea></label>
        </fieldset>
        <label for="terms-and-conditions">
            <input class="inputper" id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
          </label>
        <input type="submit" value="Submit" id="submit">
    </form>
</body>
</html>

/* file: styles.css */
body {
    width: 100%;
    height: 100vh;
    margin: 0;
    background-color: #054113;
    color: #9b9c9d;
    font-family: 'Times New Roman', Times, serif;
    font-size: 16px;
  }
  
  h1, p {
    margin: 1em auto;
    text-align: center;
  }

  label {
    display: block;
    margin: 0.5rem 0;
  }
  
  form {
    width: 60vw;
    max-width: 500px;
    min-width: 300px;
    margin: 0 auto;
    padding-bottom: 2em;
  }

  label {
    display: block;
    margin: 0.5rem 0;
    color: rgb(181, 235, 184);
  }

  input,
  textarea,
  select {
    margin: 10px 0 0 0;
    width: 100%;
    min-height: 2em;
  }

  input, textarea {
    background-color: #06c30a;
    border: 1px solid #12ed16;
    color: rgb(208, 245, 208);
  }

  input[type="submit"] {
    display: block;
    width: 60%;
    margin: 1em auto;
    height: 2em;
    font-size: 1.5rem;
    background-color: #056907;
    border-color: white;
    min-width: 300px;
  }

  .inputper {
    width: unset;
    margin: 0 0.5em 0 0;
    vertical-align: middle;
  }

  .inputper{
    display: inline; 
  }

Your browser information:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Encuesta - Crea un formulario de encuesta

2

Ese es el problema,

no todos tus input tienen el atributo value

debes darle un atributo value a todos los <inputs> que tengas en tu formulario.
Otro problema es que en algunos valores estás usando números.

<input value=2 type="radio" class="inputper" name="opciones" id="opciones" value=2>

Aunque utilices números tienes que ponerlos entre comillas, solo puedes usar una cadena de texto como valor de value

<input value="2" ...