Input con Value que desaparece al dar click y reaparece al salir (Form)[HTML]

victorelec14 -

Tengo un Form con 2 inputs, 1 de nombre de usuario y el otro de contraseña, quiero que al el de nombre de usuario tenga escrito por defecto USUARIO y que al darle click este texto desaparezca para que puedan escribir pero que también si no escriben nada (osea que lo dejan en blanco) vuelva a poner USUARIO .



Para hacer solo hay que agregar lo siguiente al INPUT que queremos:

onclick="if(this.value=='TEXTO POR DEFECTO') this.value=''" onblur="if(this.value=='') this.value='TEXTO POR DEFECTO'"



Quedándonos así todo el INPUT de usuario:

<input type="text" name="user" value="Usuario" size="15" onclick="if(this.value=='Usuario') this.value=''" onblur="if(this.value=='') this.value='Usuario'" />



Actualización (27.12.2015):
En html5 existe un nuevo atributo que se llama PlaceHolder el cual hace la misma función que lo que hicimos con JS (un texto por defecto que desaparece al escribir algo o cuando se deja el campo vació) , para el ejemplo anterior seria así:

<input type="text" name="user" size="15" placeholder="Usuario" >

Términos de Búsqueda:

  • input al darle click salga información
  • area de texto html texto que desaparezca al seleccionar
  • borrar automáticamente valor imput al seleccionar en html
  • input con texto que desaparece
  • insertar texto al hacer click php
  • poner dentro de una caja nombre que se borre al hacer click html
  • valor por defecto input text
  • botón que al clicar salga información
  • input diggio como también se llama
  • value que se borra html5
  • como poner un comentario que no se desaparezca
  • Darle valor a un campo de texto y al hacer click desaparezca en html
  • DAR CLICK PARA QUE APARESCA Y DESAPAREZCA UN TEXO
  • css dar clic a la palabra i que vaya al nombre
  • como saber si se hizo clic sobre caja de texto
  • como poner un valor en un input al escribir se quite html
  • como colocar la imagen que aparezca y desaparezca en visual basic
  • click en input type y desaparezca value javascript
  • asignar estilo con javascript al dar clic en un textbox