Input con Value que desaparece al dar click y reaparece al salir (Form)[HTML]
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
EscrÃbeme un comentario si este contenido te fue útil o si te quedó alguna duda, asà podré mejorarlo. Gracias!