Problema con cumplir los requuerimientos Proyectos de diseño web responsivo - Crea un formulario de encuesta

Español HTML-CSS
1

tengo un problema con uno de los requerimientos para aprobar el proyecto, el requerimiento que se repite tres veces que dice que mi name-label no debe estar vacio, solo se cumple dos de tres veces, y logro entender porque pasa esto, o como solucionarlo, si alguien me puede ayudar se lo agradeceria muchisimo
Tu código hasta el momento

/* file: index.html */
<!DOCTYPE html>
<link rel="stylesheet" href="styles.css">
<head>

</head>
<body>
  <main>
    <h1 id="title">Curso de programacion</h1>
    <p id="description">Formulario de inscripcion</p>
    <form id="survey-form">
    
      <label for="name" id="name-label">
        <input 
          type="text" 
          id="name"
          required
          placeholder="nombre" >
      </label>

    
      <!--HACER LA VALIDACION DE EMAIL-->
      <label for="email" id="email-label">
        <input 
        type="email" 
        id="email"
        required 
        placeholder="email" >
      </label>

      <!--ALERTA DE SOLO NUMERO PONERLE TAMBIEN UN LIMITE MINIMO Y UNO MAXIMO-->
    <label for="number" id="number-label">
       <input 
        type="number" 
        id="number"
        min="0"
        max="100"
        required 
        placeholder="edad" >
    </label>

    <br></br>

    <select id="dropdown" name="trabajo" required> 
      <option disabled selected value>elige una opcion</option>
      <option value="back-end">back end</option>
      <option value="front-end">front end</option>
      <option value="full-stack">full stack</option>
    </select> == $0
    
    <label for="3-meses">
      <input
      type="radio"
      id="3-meses"
      value="3-meses"
      name="tiempo-cursado"
      checked
      >3 Meses
    </label>
    <br></br>
    <label for="6-meses">
      <input
      type="radio"
      id="6-meses"
      value="6-meses"
      name="tiempo-cursado"
      >6 Meses
    </label>

    <br></br>
    <label for="12-meses">
      <input 
      type="radio"
      id="12-Meses"
      value="12-meses"
      name="tiempo-cursado"
      >12 Meses
    </label>

    <br></br>

    <label for="java"> 
      <input
      type="checkbox"
      id="java"
      name="lenguaje"
      value="java">Java
    </label>
    
    <br></br>

    <label for="javascript">
      <input
      type="checkbox"
      id="javascript"
      name="lenguaje"
      value="javascript">
    </label>Javascript

    <br></br>

    <label for="python">
      <input
      type="checkbox"
      id="pyton"
      name="lenguaje"
      value="python">
    </label>python

    <br></br>

    <label for="html">
      <input
      type="checkbox"
      id="html"
      name="Lenguaje"
      value="html">
    </label>html

    <br></br>

    <textarea id="aclaracion" class="input-textarea" name="aclaracion" placeholder="ingrese un comentario"></textarea>
    <br></br>
    <button type="Submit" id="submit">submit</button>
    </form>
  </main>
</body>
</html>

/* file: styles.css */
#name-label{
background-color:red;
}

  **Información de tu navegador:**

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

Desafío: Proyectos de diseño web responsivo - Crea un formulario de encuesta

Enlaza al desafío:

2

Hola @aquilesmartinez490 ,

Primero, debe tener algo de texto entre las etiquetas de apertura y cierre del elemento label.
Por lo tanto, agregue algo de texto, conocido como “label text”, como en los siguientes ejemplos:

<!-- Un simple ejemplo de un label con el atributo for -->

   <label for="Name"> Click me </label>
   <input type="text" id="Name" />


<!-- Los atributos for y id no son necesarios aquí -->

   <label>
      Click me <input type="text" id="Name" />
   </label>

Parece que hay algo mal con la traducción de esas tres pruebas que están duplicadas.
El primero se refiere al #name-label, el segundo al #email-label y el tercero al #number-label.

Por lo tanto, agregar algo de texto como label text para su #number-label pasará las pruebas por usted.

Espero que esto ayude.

1 Like
3

muchas gracias por la ayuda, con su consejo ahora pude resolver el problema

1 Like