Foros del Web » Creando para Internet » HTML »

Titulo de Input en el text field de formulario

Estas en el tema de Titulo de Input en el text field de formulario en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/06/2013, 07:33
 
Fecha de Ingreso: septiembre-2011
Ubicación: Madrid
Mensajes: 16
Antigüedad: 8 años
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.
  #2 (permalink)  
Antiguo 24/06/2013, 12:14
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 16 años, 2 meses
Puntos: 406
Respuesta: Titulo de Input en el text field de formulario

Hola nometoquesla:
Te debes estár refiriendo a: placeholder

Epero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #3 (permalink)  
Antiguo 24/06/2013, 13:56
 
Fecha de Ingreso: septiembre-2011
Ubicación: Madrid
Mensajes: 16
Antigüedad: 8 años
Puntos: 0
Respuesta: Titulo de Input en el text field de formulario

Hola Bandit,

gracias por tu respuesta, pero eso tampoco sirve, no funciona de ie ni con la mayoría de exploradores de móviles, onclick desaparece el texto.
Al final he optado por:
<input type="text" value="Nombre" name="nombre" onkeypress="if(this.value=='Nombre') this.value='' ; " >
Ya sé donde lo he visto, todos los días en hotmail, jeje, pero lo hacen con un div y aun no sé como hacen para que desaparezca onkeypress, pero funciona con todos los navegadores.

A ver si hay alguien que sepa como desaparece un div con onkeypress en el field.

gracias!!

Etiquetas: field, formulario, input, text, titulo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:02.