先看下基于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密码输入框输入密码变黑点密文，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# input  # 密码输入框  # JS验证input输入框（字母  # 数字  # 符号  # 中文）  # vue.js 1.x与2.0中js实时监听input值的变化  # JS中input表单隐藏域及其使用方法  # js监听input输入框值的实时变化实例  # JS文件上传神器bootstrap fileinput详解  # JS获取input file绝对路径的方法(推荐)  # JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数  # JavaScript获取并更改input标签name属性的方法  # js与jquery实时监听输入框值的oninput与onpropertychange方法  # js form表单input框限制20个字符  # 10个汉字代码实例  # 输入框  # 输入密码  # 小编  # 很好  # 多个  # 在此  # 给大家  # 所示  # 似乎是  # 解决方法  # 所述  # 先看  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 网上  # checkForm  # xhtml  # lt 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何快速登录WAP自助建站平台？  如何正确下载安装西数主机建站助手？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  Laravel如何使用Service Container和依赖注入？（代码示例）  Laravel的.env文件有什么用_Laravel环境变量配置与管理详解  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  轻松掌握MySQL函数中的last_insert_id()  夸克浏览器网页跳转延迟怎么办 夸克浏览器跳转优化  javascript基于原型链的继承及call和apply函数用法分析  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  详解MySQL数据库的安装与密码配置  香港服务器建站指南：免备案优势与SEO优化技巧全解析  如何在新浪SAE免费搭建个人博客？  如何在万网开始建站？分步指南解析  如何获取PHP WAP自助建站系统源码？  PHP 500报错的快速解决方法  如何续费美橙建站之星域名及服务？  公司网站制作需要多少钱,找人做公司网站需要多少钱？  无锡营销型网站制作公司,无锡网选车牌流程？  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  Android使用GridView实现日历的简单功能  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  Laravel观察者模式如何使用_Laravel Model Observer配置  Laravel如何使用Vite进行前端资源打包？（配置示例）  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  WordPress 子目录安装中正确处理脚本路径的完整指南  LinuxCD持续部署教程_自动发布与回滚机制  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  大连 网站制作,大连天途有线官网？  如何快速搭建高效简练网站？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  如何在建站主机中优化服务器配置？  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  Laravel如何使用模型观察者？（Observer代码示例）  使用C语言编写圣诞表白程序  如何用花生壳三步快速搭建专属网站？  详解jQuery中基本的动画方法  如何登录建站主机？访问步骤全解析  Laravel Eloquent：优雅地将关联模型字段扁平化到主模型中  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】  Android自定义listview布局实现上拉加载下拉刷新功能  如何彻底删除建站之星生成的Banner？  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】