Exámenes - Color preferido

En este ejercicio se debe crear un programa que muestre unos colores al azar y permita indicar cuál es nuestro color preferido:

Color preferido - Comentarios

Palabras - Ejemplo de código HTML

Un posible código fuente html podría ser el siguiente:

<h1>Color preferido  (Formulario 2)</h1>

<p>Indique qué color le gusta más:</p>

<form action="color_preferido_3.php" method="get">
  <table style="text-align: center" >
    <tbody>
      <tr>
        <th>Preferido</th>
        <td><input type="radio" name="preferido" value="1" /></td>
        <td><input type="radio" name="preferido" value="2" /></td>
        <td><input type="radio" name="preferido" value="3" /></td>
      </tr>
      <tr>
        <th>Color</th>
        <td><svg version="1.1" xmlns="http://www.w3.org/2000/svg"
           width="100px" height="100px">
           <rect x="5" y="5" width="90" height="90" stroke="black" stroke-width="2" fill="rgb(1, 153 , 72)" />
           </svg>
           <input type="hidden" name="color[1]" value="rgb(1, 153 , 72)" /></td>
        <td><svg version="1.1" xmlns="http://www.w3.org/2000/svg"
           width="100px" height="100px">
           <rect x="5" y="5" width="90" height="90" stroke="black" stroke-width="2" fill="rgb(79, 241 , 241)" />
           </svg>
           <input type="hidden" name="color[2]" value="rgb(79, 241 , 241)" /></td>
        <td><svg version="1.1" xmlns="http://www.w3.org/2000/svg"
           width="100px" height="100px">
           <rect x="5" y="5" width="90" height="90" stroke="black" stroke-width="2" fill="rgb(127, 70 , 173)" />
           </svg>
           <input type="hidden" name="color[3]" value="rgb(127, 70 , 173)" /></td>
      </tr>
    </tbody>
  </table>

  <p><input type="hidden" name="colores" value="3" /></p>

  <p><input type="submit" value="Mostrar" />
    <input type="reset" value="Borrar" /></p>
</form>

Notas:

<h1>Color preferido (Resultado)</h1>

<p>Su color preferido es el siguiente:</p>
<p><svg version="1.1" xmlns="http://www.w3.org/2000/svg"
  width="100px" height="100px">
  <rect x="5" y="5" width="90" height="90" stroke="black" stroke-width="2" fill="rgb(127, 70 , 173)" />
   </svg></p>
<p><a href="color_preferido_2.php?colores=3">Volver al formulario anterior.</a></p>

<p><a href="color_preferido_1.html">Volver al formulario inicial.</a></p>

Color preferido - 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:

ERROR (no puede mostrarse el objeto)
Enlace a ejemplo