Question

Is there a way to enter a default text to a password field?

Basically I have a password field that is supposed to mask someone’s id but before the user enteres the id, I want the field’s value to show ‘Enter your ID here’

Is there a way to do this?

Answer 1

If you want to use plain javascript, you could do:

HTML

<label for="placeholder">Password:</label>
<input type="text" id="placeholder" value="Enter password here" onFocus="setPass();"/>
<input type="password" id="password" value="" onBlur="checkPass();" style="display: none;"/>

Javascript

function setPass() {
    document.getElementById('placeholder').style.display = 'none';
    document.getElementById('password').style.display = 'inline';
    document.getElementById('password').focus();
}
function checkPass() {
    if (document.getElementById('password').value.length == 0) {
        document.getElementById('placeholder').style.display = 'inline';
        document.getElementById('password').style.display = 'none';
    }
}

http://jsfiddle.net/Lx4NN/1/