Exámenes - Captcha

Captcha - Comentarios

• El programa tendrá dos páginas:
  • La primera página mostrará un formulario con nueve botones:
    • Cada botón contendrá una entidad numérica distinta que corresponde a un medio de transporte: 128640 🚀, 128641 🚁, 128642 🚂, 128652 🚌, 128657 🚑, 128663 🚗, 128668 🚜, 128690 🚲, 128756 🛴
    • Antes de la tabla con los nueve botones, se mostrará una de las nueve entidades numéricas anteriores, al azar.
    • Cada vez que se actualice la primera página las diez entidades cambiarán, al azar.
  • La segunda página mostrará el resultado:
    • Si los valores recibidos no son correctos, la página indicará los mensajes de error correspondientes (no se ha elegido nada elegido, no es un número entero, no es uno de los valores esperados, etc.).
    • Si se han recibido valores correctos, la página debe informar de si se ha elegido la entidad numérica solicitada.
• Si se intenta acceder directamente a la segunda página sin pasar por la primera o si se envía a la segunda página información distinta a la esperada, se mostrarán mensajes de error con la información faltante o incorrecta.
• No se deben cambiar los nombres de los controles incluidos en las plantillas.
• Si se actualiza la segunda página, el contenido no debe cambiar.
• Capturas de pantalla de ejemplo:

  

  

  

  

  

  

Captcha - Ejemplos de código HTML

    <p>Haga clic en el siguiente dibujo: <span style="font-size: 400%;">&#128642;</span></p>

    <table>
      <tbody>
        <tr>
          <td><button type="submit" name="elegido" value="128668" style="font-size: 400%;">&#128668;</button></td>
          <td><button type="submit" name="elegido" value="128641" style="font-size: 400%;">&#128641;</button></td>
          <td><button type="submit" name="elegido" value="128663" style="font-size: 400%;">&#128663;</button></td>
        </tr>
        <tr>
          <td><button type="submit" name="elegido" value="128642" style="font-size: 400%;">&#128642;</button></td>
          <td><button type="submit" name="elegido" value="128657" style="font-size: 400%;">&#128657;</button></td>
          <td><button type="submit" name="elegido" value="128640" style="font-size: 400%;">&#128640;</button></td>
        </tr>
        <tr>
          <td><button type="submit" name="elegido" value="128756" style="font-size: 400%;">&#128756;</button></td>
          <td><button type="submit" name="elegido" value="128690" style="font-size: 400%;">&#128690;</button></td>
          <td><button type="submit" name="elegido" value="128652" style="font-size: 400%;">&#128652;</button></td>
        </tr>
      </tbody>
    </table>

    <p><input type="hidden" name="secreto" value="128642"></p>

    <p>¡Enhorabuena! Ha elegido la imagen correcta.><p>

Captcha - Ejemplo de programa

Nota: El día del examen los alumnos no tienen acceso a este ejemplo, solamente tienen acceso a las capturas del apartado anterior.

Un ejemplo de programa puede probarse en la ventana siguiente: