estilo en inputs

[layker]

Hola tengo los siguietnes campos, y m gustaria y al pinchar sobre ellos se borrara el contenido y tambien k llebasen un icono pekeño de user n el campo de usuario y una llave en el de pass, por decir algo. supongo k esto se hace con javasript pero no ntiendo mucho sobre este lenguaje. alguien podria ayudarme? muchas gracias

<input name="user" type="text" value="&nbsp;Usuario" >
<input name="pass" type="password" value="&nbsp;Contrase&ntilde;a" >

[ceSharp]

Hola layker,
es facil. En los input añade el atributo onclick y te quedaría algo así:

<input name="user" type="text" onclick="javascript:this.value = '';" value="&nbsp;Usuario" >

lo que va después de this.value= son dos comillas simples, no una comilla doble. Claro, que con esto cada vez que hagas click se borra el contenido. Si no quieres que ocurra ya se complica un pelin la cosa (no mucho...).
En cuanto a las imagenes, si no van a tener ninguna funcionalidad se editan con html (con un img src...).
De todas maneras, si vas a dedicarte a esto, te recomiendo que busques manuales de javascript porque vas a necesitarlo. No es dificil y hace mucho mas dinámica una web.

Un saludo.

[layker]

Iniciado por ceSharp

Hola layker,
es facil. En los input añade el atributo onclick y te quedaría algo así:

<input name="user" type="text" onclick="javascript:this.value = '';" value="&nbsp;Usuario" >

lo que va después de this.value= son dos comillas simples, no una comilla doble. Claro, que con esto cada vez que hagas click se borra el contenido. Si no quieres que ocurra ya se complica un pelin la cosa (no mucho...).
En cuanto a las imagenes, si no van a tener ninguna funcionalidad se editan con html (con un img src...).
De todas maneras, si vas a dedicarte a esto, te recomiendo que busques manuales de javascript porque vas a necesitarlo. No es dificil y hace mucho mas dinámica una web.

Un saludo.

muchas gracias es lo que queria, pero ahora me ha surgido otro problemilla, y ske en el campo de password se me ve encriptada. me gustaria ke pusiera contraseña normal y al pinchar se vea encriptado lo k escribes, eso se podria hacer??
y en cuanto a lo de las imagenes, como puedo hacerlo desde html?? muxas gracias

[JavierB]

Hola layker

Este mensaje te servirá de ayuda:

http://www.forosdelweb.com/f13/efect...rasena-473277/

Saludos,

P.D. No hace falta que cites un mensaje para contestar.

[layker]

Iniciado por JavierB

Hola layker

Este mensaje te servirá de ayuda:

http://www.forosdelweb.com/f13/efect...rasena-473277/

Saludos,

P.D. No hace falta que cites un mensaje para contestar.

hola de nuevo, he hecho el siguiente codigo


function cambiaPass(caja) {
nuevo=document.createElement("input");
nuevo.setAttribute("type","password");
nuevo.setAttribute("name",caja.name);
nuevo.setAttribute("class","inpass");
nuevo.setAttribute("value","");
document.ingresar.replaceChild(nuevo,caja);
nuevo.focus()
}

pero en IE no funciona bien, yo kiero conservar el estilo del campo, y en firefox funciona correctamente pero con IExplorer al pinchar sobre el campo, se borra el contenido correctamente, cambia a tipo password, ero cambia totalmente el diseño a un input normal.. ke ago maL?? un saludo

[layker]

se puede solucionar de alguna manera??? lo agradeceria mucho. saludos