miércoles, 16 de octubre de 2013

limpiar textos en formularios usando las propiedades onFocus y onBlur de Javascript

a veces queremos cierto texto dentro de los elementos de nuestro formulario por ejemplo: Escriba su nombre aqui.. y que el usuario al hacer click dentro del elemento este texto desaparesca y viceversa.
Para ello necesitaremos usar 2 propiedades de Javascript onfocus(hace referencia cuando uno hace click en el elemento y este tiene el foco) y onblur(es cuando uno sale del elemente, en otras palabras pierde el foco).

Ejemplo:


Codigo:
            <input name="textfield3" type="text" class="campTip" id="textfield" value="Nombre del lugar..." size="86"
            onFocus="javascript:if(this.value=='Nombre del lugar...'){this.value=''}"
            onblur="javascript:if(this.value==''){this.value='Nombre del lugar...'}" />