Ejercicio2

Estos ejercicios pertenecen al punto 5.7

Apartado 1

Enunciado

Abra el archivo /ejercicios/index.html en el navegador. Realice el ejercicio utilizando el archivo /ejercicios/js/inputHint.js o trabaje directamente con Firebug. La tarea a realizar es utilizar el texto del elemento label y aplicar una “sugerencia” en la caja de ingreso de texto. Los pasos ha seguir son los siguientes:

Establecer el valor del elemento input igual al valor del elemento label. Añadir la clase “hint” al elemento input. Remover el elemento label. Vincular un evento focus en el input para remover el texto de sugerencia y la clase “hint”. Vincular un evento blur en el input para restaurar el texto de sugerencia y la clase “hint” en caso que no se haya ingresado algún texto. ¿Qué otras consideraciones debe considerar si se desea aplicar esta funcionalidad a un sitio real?

Resultado

Establecer el valor del elemento input igual al valor del elemento label.

Añadir la clase “hint” al elemento input.

Remover el elemento label.

Vincular un evento focus en el input para remover el texto de sugerencia y la clase “hint”.

Vincular un evento blur en el input para restaurar el texto de sugerencia y la clase “hint” en caso que no se haya ingresado algún texto. ¿Qué otras consideraciones debe considerar si se desea aplicar esta funcionalidad a un sitio real?