Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/06/2013, 07:33
nometoquesla
 
Fecha de Ingreso: septiembre-2011
Ubicación: Madrid
Mensajes: 16
Antigüedad: 12 años, 7 meses
Puntos: 0
Titulo de Input en el text field de formulario

Hola!!
Estoy intentando adaptar un formulario para móviles y encuentro algunos problemas.

Para minimizar al máximo el espacio, estoy poniendo el título de cada field dentro del mismo, y al pinchar desaparece para que se pueda escribir en él sin tener que borrar el título:

<input type="text" value="Nombre" name="nombre" class="" size="20" onBlur="if(this.value=='') this.value='Nombre';" onFocus="if(this.value=='Nombre') this.value='' ; " style="margin-right:20px;">

Pero claro, una vez que estás dentro ya no ves de que se trata, y desde un móvil se complica más.
Entonces, lo ideal sería que el titulo permaceciese hasta que se empiece a escribir, y no antes.
Creo que en algún sitio vi, pero ya no recuerdo donde para ver como se hace, que el título se queda en el field aun estando dentro pero como ensombrecido, hasta que empiezas a escribir y desaparece, apareciendo solo tu texto.

Otra opción, sería una especie de alt="Nombre" y cuando estás dentro del field, el título desaparece, pero aparece el alt hasta que sales de él. Esto también lo he probado, pero tampoco funciona.

<input type="text" value="Nombre" alt="Nombre" name="nombre" class="" size="20" onBlur="if(this.value=='') this.value='Nombre';" onFocus="if(this.value=='Nombre') this.value='' ; " style="margin-right:20px;">


¿Alguna idea?

Gracias de antemano.