Código HTML:
<form method="post" name="form" action="recuerdomascota.php?subpage=upload" enctype="multipart/form-data"> Titulo: <input name="titulo" type="text" class="tituloinactivo" id="titulo" onclick="return tituloform(); return true" onBlur="return titulonoform(); return true" value="Ejemplo: Thiara ..." size="50" maxlength="50"> <br /> Descripción: <textarea name="descripcion" onclick="return tituloform(); return true" class="tituloinactivo" cols="60" rows="9" onBlur="return titulonoform(); return true" id="descripcion">Dalmata de 8 años de edad, una lindura ...</textarea> <br /> File: <input type="file" id="imagefile" name="imagefile" class="form"> <br /><br /> <input name="submit" type="submit" value="Enviar" class="form"> <input type="reset" value="Limpiar" class="form"> </form>
En el head:
Código:
<script language=JavaScript>
function tituloform() {
document.form.titulo.value="";
document.form.titulo.class="tituloactivo";
titulo.style.border = "1px solid #CCCCCC";
}
function titulonoform(){
document.form.descripcion.value="";
document.form.descripcion.class="tituloactivo";
}
</script>
Lo que quiero es que cuando aprete un input se borre el valor del input, pero solo deseo que se borre 1 vez, es decir, el input tendria un valor "Aca escribe tu comentario" y cuando pulsas se borra, pero si pulsas de nuevo se borra otra vez y no quiero eso :(
y también, como hago con js cambiar la clase? tengo dos clases, una para el input activo (letras oscuras) y otro para inactivo (letras grises)
¿Como hago?
Disculpen que entiendo poco, pero algun dia me tenia que encontrar con js xD.
Saludetes!
