Código:
placeholder="nombre"
onmouseover="this.placeholder = '[obligatorio]'"
onmouseout="this.placeholder = 'nombre'"
onfocus="this.placeholder = ''"
onblur="this.placeholder = 'nombre'"
El primero es el texto por defecto del input.
El segundo hace que al poner el mouse encima (sin hacer click), el texto cambie a '[obligatorio]'.
El tercero hace que al poner el mouse fuera del input, el texto cambie a 'nombre'.
El cuarto hace que al hacer click en el input, el texto cambie a vacío.
El quinto hace que al dejar de hacer click en el input, el texto cambie a 'nombre'.
*El problema lo tengo el el segundo y tercero, yo quiero que aparezca esto solo cuando no estás seleccionando el input.
He probado a utilizar:
Código:
onmouseout="this.placeholder = 'nombre'"
A simple vista funciona.
Pero tiene un problema:
Al hacer click en el input (onfocus -> texto vacío), si muevo el texto fuera del input, el onmouseout se activa, y quiero que se active solo cuando no estés seleccionando el input.
---
Creo que para solucionarlo habria que hacerlo desde javascript, pero no sé mucho sobre ello y no sabria como hacerlo.
Código:
onmouseout if !input_seleccionado echo 'nombre'