Ну вот что-то вышло:
<script>
function Show_HidePassword(id, button) {
var element = document.getElementById(id);
if (element.type == 'password') {
button.textContent = 'Скрывать пароль';
var inp = document.createElement("input");
inp.id = id;
inp.type = "text";
inp.name = "password";
inp.value = element.value;
inp.placeholder = "Пароль";
element.parentNode.replaceChild(inp, element);
}
else {
button.textContent = 'Показывать пароль';
var inp = document.createElement("input");
inp.id = id;
inp.type = "password";
inp.name = "password";
inp.value = element.value;
inp.placeholder = "Пароль";
element.parentNode.replaceChild(inp, element);
}
inp.focus();
inp.selectionEnd = inp.value.length;
}
</script>
<form>
<input placeholder="Пароль" type="password" name="password" id="joinpasswordbox" />
<p><span><a href="#" onclick="Show_HidePassword('joinpasswordbox', this); return false;">Показывать пароль</a></span></p>
<p><input type="submit" value="Отправить"/></p>
</form>