html input change,javascript - change html input type by JS? - Stack Overflow

Here is what I have for mine.

Essentially you are utilizing the onfocus and onblur commands in the tag to trigger the appropriate javascript. It could be as simple as:

An evolved version of this basic functionality checks for and empty string and returns the password input back to the original "Password" in the event of a null textbox:

function password_set_attribute() {

if (document.getElementsByName("login_text_password")[0].value.replace(/\s+/g, ' ') == "" || document.getElementsByName[0].value == null) {

document.getElementsByName("login_text_password")[0].setAttribute('type','text')

document.getElementsByName("login_text_password")[0].value = 'Password';

}

else {

document.getElementsByName("login_text_password")[0].setAttribute('type','password')

}

}

Where HTML looks like: