Iluminar formularios con CSS y Javascript

El leer el artículo sobre iluminación de tablas, celdas, filas me parece muy interesante y necesario en algunas labores de programación de páginas webs.

Paso 1:

Los colores de fondo de las cajas de texto y algunas otras propiedas se manipulan más a menudo utilizando hojas de estilo. En este primer paso lo hacemos bastante simple. Poner este script en el head xxx

Paso 2:

Agregamos el código de la siguiente manera:

Hasta este punto vemos que nuestro formulario se ve bastante convencional, para mejorar un poco nuestra presentación se debe incluir código de estilo, como el que sigue:

Paso 3:

Poner este script en el head xxx :

Paso 4:
Lo que queda solamente es hacer el enlace de los objetos del formulario con el respectivo estilo que deseamos. Entonces el código quedaría así como sigue y el resultado se ve en el siguiente cuadro.

Las funciones form_uno y form2 se explican a continuación:

function form_uno(num_form,num_elem_form,color_entrada)

Los 2 primeros parámetros corresponden a números que representan a un formulario (num_form) puedes fijarte que el primer formulario se llama miformulario y el segundo miformulario2, en vez de emplear estos nombres se emplean valores númericos, el siguiente parámetro representa un objeto de dicho formulario (num_elem_form) y el tercer parámetro representa un valor de un color o su respectivo nombre.
El cuerpo de cada función corresponden a la manipulación de las propiedades de los objetos de los formularios.