html form md5.js 加密
时间: 2024-09-21 12:07:22 浏览: 41
HTML表单通常用于收集用户输入,并通过JavaScript库如MD5.js来进行加密处理。MD5.js是一个轻量级的JavaScript库,它实现了MD5哈希算法,可以对字符串进行加密,生成一个固定长度的十六进制散列值,常用于数据的校验和存储密码等场景。
在HTML中,你可以这样使用MD5.js:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/md5.js/0.7.3/md5.min.js"></script> <!-- 引入MD5.js库 -->
</head>
<body>
<input type="text" id="passwordInput" placeholder="Enter password">
<button onclick="encryptPassword()">Encrypt</button>
<p id="encryptedResult"></p>
<script>
function encryptPassword() {
var input = document.getElementById('passwordInput').value;
var hash = MD5.hash(input); // 使用MD5函数对输入值加密
document.getElementById('encryptedResult').innerText = 'Hashed value: ' + hash.hexdigest(); // 显示结果
}
</script>
</body>
</html>
```
在这个例子中,当用户点击“Encrypt”按钮时,会获取输入框中的内容,使用MD5加密后显示在页面上。
阅读全文