先看下基于JS代码实现input密码输入框输入密码变黑点密文。具体代码如下所示：

html代码

<form id="login-form" method="post" onsubmit="return checkForm()"> 输入密码<input type="password" id="input-password"> <input type="hidden" id="md5-password" name="password"> <button type="submit">Submit</button></form>

js代码

function checkForm() { var input_pwd = document.getElementById('input-password'); var md5_pwd = document.getElementById('md5-password'); // 把用户输入的明文变为MD5: md5_pwd.value = toMD5(input_pwd.value); // 继续下一步: return true;}

补充：JS获得多个同name 的input输入框的值

起初是使用document.all.id.length获得输入框的个数，但时而正常，时而显示undefined，效果不是很好，网上信息说document.all不是兼容所有浏览器的,现在似乎是只支持IE。

解决方法是如下：

var els =document.getElementsByName("search");for (var i = 0, j = els.length; i < j; i++){alert(els[i].value);}

以上所述是小编给大家介绍的JS代码实现input密码输入框输入密码变黑点密文，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！