Poner texto en el campo input tipo password

[kaman10]

Hola gente queria saber si es posible poner en el campo tipo password un texto como "Ingrese su clave" con el atributo value el problema es que me lo pone con puntos como password, no se si se puede hacer esto.

Ejemplo:

Código HTML:

<input type="password" name="clave" value="Ingrese su contrase&ntilde;a" /> 

[chwc]

una de las formas debe ser con js.

<script type="text/javascript">
function vaciar(el){
if(el.type == 'text'){
el.value = ''
el.type = 'password'
}


}
</script>
<input type="text" name="clave" value="Ingrese su contrase&ntilde;a" onclick="vaciar(this)" />

saludos

[zerokilled]

buenas...

no, no es posible puesto que el tipo de input es password. las alternativas posibles. una es cambiar el tipo de input mediante programacion, un mundo totalmente distinto a lenguaje de marcado. sin embargo, no todos los navegadores son compatibles con la misma tecnica. de modo que es una solucion a media. la otra alternativa es mediante css, pones una imagen de fondo el cual consiste de un texto. luego, mediante javascript, eliminas la imagen cuando el campo reciba foco y le aplicas la imagen nuevamente si el campo queda vacio. hay mas alternativas, pero estas son las mas conocidas. no estoy seguro, pero creo que hay una alternativa con CSS3, pero dicha version aun esta en desarrollo, de modo que no todos los navegadores podria entender las instrucciones.

[chwc]

Iniciado por zerokilled

buenas...

no, no es posible puesto que el tipo de input es password. las alternativas posibles. una es cambiar el tipo de input mediante programacion, un mundo totalmente distinto a lenguaje de marcado. sin embargo, no todos los navegadores son compatibles con la misma tecnica. de modo que es una solucion a media. la otra alternativa es mediante css, pones una imagen de fondo el cual consiste de un texto. luego, mediante javascript, eliminas la imagen cuando el campo reciba foco y le aplicas la imagen nuevamente si el campo queda vacio. hay mas alternativas, pero estas son las mas conocidas. no estoy seguro, pero creo que hay una alternativa con CSS3, pero dicha version aun esta en desarrollo, de modo que no todos los navegadores podria entender las instrucciones.

Mi respuesta funciona perfectamente, la probe tambien :)

[zerokilled]

vaya, no me habia fijado que alguien ya habia respondido. ¿lo intentastes en iexplorer? por lo menos en las versiones 8 y anteriores nunca ha funcionado; o deberia decir a mi nunca me ha funcionado.

[chwc]

aca te muestra que en ie tenes que crear un elemento nuevo :angry:
maldito bill gates siempre cagando todo

[zerokilled]

si, ya esa solucion la sabia. el unico momento en que se puede cambiar el tipo es cuando se crea el elemento y antes de agregarlo al documento. pero, ¿no crees que es mas complicado que simplemente poner un fondo? no obstante, sigue siendo una solucion valida. el punto que queria indicar era que debido a incompatibilidades, se requiere mas hazañas.

[chwc]

si, pero tal vez con solo poner un icono de una llave al costado del input de contraseña y uno de una personita al costado del input de usuario seria otra opcion

function vaciar(oldObject) {
var newObject = document.createElement('input');
newObject.type = 'text';
if(oldObject.value) newObject.value = '';
if(oldObject.name) newObject.name = oldObject.name;
oldObject.parentNode.replaceChild(newObject,oldObj ect);
return newObject;
</script>
<input type="text" name="clave" value="Ingrese su contrase&ntilde;a" onclick="vaciar(this)" />

ahi esta

[raxper]

No funciona en IE 6.0 Tiene razón zerokilled

La forma más sencilla lo veo hacerlo con style.background

Código HTML:

<script>
function cambiar1(){if(capturar.style.background =="url(http://www.fileden.com/files/2008/11/17/2190463/word.gif)"){capturar.style.background=""} }
function cambiar2(){if(capturar.value==""){capturar.style.background ="url(http://www.fileden.com/files/2008/11/17/2190463/word.gif)"} }
</script>
<input type="password" style="background:url(http://www.fileden.com/files/2008/11/17/2190463/word.gif); width:280px;" onclick="cambiar1()" onblur="cambiar2()" id="capturar" value="">
 

Saludos

[kaman10]

Con ie7 tuve problemas, en los demas navegadores funciona bien (opera, firefox y chrome), probare con la otra solucion de un fondo de imagen, gracias por ahora a todos por la ayuda.
Un abrazo

[Draginazio]

Hola amigo, se que el tema es viejo, pero a aquellos que en alguna ocasión encontremos una falla así, con las mejoras de HTML5 podemos usar simplemente la opcion placeholder="el texto que quieras que aparezca" en la etiqueta de password