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]
Vota esta entrada:
Entradas Relacionadas
Únete a nuestro grupo de Facebook
Devblab en Facebook
Author:
cuisi Comments: 0 comments Date:
24 Apr 2008
Categories: Css, Html, Javascript Tags: Html.Css, Javascript
Categories: Css, Html, Javascript Tags: Html.Css, Javascript
