Yo uso esto, es solo Javascript.
Simplemente tengo un elemento de entrada con un valor, y cuando el usuario hace clic en el elemento de entrada, lo cambia a un elemento de entrada sin valor.
Puede cambiar fácilmente el color del texto usando CSS. El color del marcador de posición es el color en la identificación #IEinput, y el color que será el texto escrito será el color en la identificación #email. ¡No use getElementsByClassName, porque las versiones de IE que no admiten un marcador de posición, tampoco admiten getElementsByClassName!
Puede usar un marcador de posición en una entrada de contraseña configurando el tipo de entrada de contraseña original en texto.
Gitano: http://tinker.io/4f7c5/1
- ¡Los servidores JSfiddle están caídos!
*Perdón por mi mal ingles
JAVASCRIPT
function removeValue() {
document.getElementById('mailcontainer')
.innerHTML = "<input id=\"email\" type=\"text\" name=\"mail\">";
document.getElementById('email').focus(); }
HTML
<span id="mailcontainer">
<input id="IEinput" onfocus="removeValue()" type="text" name="mail" value="mail">
</span>
<input>
); un atributo es un par clave-valor dentro de los corchetes puntiagudos (comoplaceholder="This is an attribute value"
). Dejando la pregunta como está, para que las futuras personas que hagan la misma pregunta puedan encontrarla.