Iluminando los campos de nuestro formulario

Aquí les dejo los codigos y un ejemplo(ojo el ejemplo no esta muy bien acomodado, solo lo puse para mostrar como funciona todo en conjunto)
Css:
CSS:
-
<style type="text/css"> .cajon { PADDING-RIGHT: 0.1em; PADDING-LEFT: 0.1em; PADDING-BOTTOM: 0.1em; FONT: 9pt "Verdana, Tahoma, Arial"; MARGIN-LEFT: 0.1em; PADDING-TOP: 0.1em; BACKGROUND-COLOR: #FFFFF0; TEXT-ALIGN: left } .boton { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 11px; BACKGROUND: #FFFFF0; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-STYLE: normal; FONT-FAMILY: verdana, arial, "trebuchet MS", helvetica, sans-serif } </style>
El siguiente codigo .JS entre las etiquetas head y /head
JavaScript:
-
<script> function form_uno(num_form,num_elem_form,color_entrada) { document.forms[num_form].elements[num_elem_form].style.backgroundColor=color_entrada; document.forms[num_form].elements[num_elem_form].focus(); } function form_dos(num_form,num_elem_form,color_default) { document.forms[num_form].elements[num_elem_form].style.backgroundColor=color_default; } </script>
Y acontinuación nuestro form, que claro podemos agregar y o quitar lo que necesitemos:
[html]
| Print article | This entry was posted by cuisi on April 24, 2008 at 7:58 pm, and is filed under Css, Html, Javascript. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |


