Simple ejemplo para resaltar los campos de un formulario cuando toman el foco.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Este es un sencillo script que utiliza la librería jQuery para poder resaltar los campos de nuestros formularios webs coloreando el borde, cuando el usuario establezca o cambie el foco en alguno de ellos.

Es muy simple de instalar y configurar. A continuación se describen los pasos básicos y otra información para poder implementarlo en nuestra página web.

Mas información sobre el programa.

Indice - Contenido.

  1. Descripción del ejemplo.
  2. Instalación en la página.
  3. Configurar opciones para resaltar los campos.

 

1 - Descripción del ejemplo.

Esta es una captura de pantalla de un formulario en el que se resalta el color del borde al tomar el foco.

En este caso el resalte es de color amarillo, pero puedes especificar el color que quieras modificando una simple variable que se detalla al final de la página.

Vista previa del form.

2 - Instalación en la página.

Como primer paso, se deberán añadir los siguientes dos archivos javascript en la sección HEAD de la página web.

  • La librería jQuery.
  • El javascript que permite resaltar los campos.

Código fuente HTML:

Como segundo paso, insertar también en la cabecera, la llamada a la función para poder realizar el resalte.

Código fuente HTML:

3- Configurar opciones para resaltar los campos.

Por último, podremos especificar en el archivo javascript, las siguientes opciones de configuración. ( Var settings - Configuración de variables)

  • borderColor: Es el color del borde, por ejemplo Amarillo (yellow), rojo (red), azul (blue) o un código hexadecimal.
  • BorderStyle: Es el estilo del borde. por defecto se utiliza un borde sólido ( valor solid), se pueden establecer también dotted  ( borde punteado), double, groove , ridge , inset e outset para bordes 3D.
  • borderThickness: Variable para especificar el grosor del borde en pixeles, em, etc ...
  • borderClass: Se puede establecer el nombre de una clase CSS para definir el estilo del borde.

 


Requerimientos de instalación y uso.

Requiere : librería jQuery.


Videos tutoriales.

No hay mas vistas y capturas.

Cambios, actualizaciones y mejoras del programa.

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
plugins.jquery.com
Licencia:
Gratis
Versión:
--
Idioma:
Inglés
Programa actualizado:


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: