HTML和JS是現代網頁開發中最為常用的語言之一，而驗證碼是保護網站安全的重要措施。下面是一個簡單的HTML和JS代碼示例，用于生成驗證碼：
<!doctype html>
<html>
<head>
<title>驗證碼示例</title>
</head>
<body>
<div id="captcha"></div>
<input type="text" id="captchaInput">
<button onclick="checkCaptcha()">提交</button>
<script>
function generateCaptcha() {
var chars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var length = 6;
var captcha = '';
for (var i = 0; i < length; i++) {
captcha += chars.charAt(Math.floor(Math.random() * chars.length));
}
document.getElementById('captcha').innerHTML = captcha;
}
function checkCaptcha() {
var userInput = document.getElementById('captchaInput').value;
var captcha = document.getElementById('captcha').textContent;
if (userInput === captcha) {
alert('驗證成功！');
} else {
alert('驗證碼錯誤，請重新輸入！');
document.getElementById('captchaInput').value = '';
generateCaptcha();
}
}
window.onload = function() {
generateCaptcha();
};
</script>
</body>
</html>以上代碼中，通過generateCaptcha函數生成包含6個隨機字符的驗證碼，并將其插入到頁面元素captcha中。checkCaptcha函數用于檢查用戶輸入的驗證碼是否正確。若正確則顯示驗證成功的提示框，若錯誤則顯示驗證碼錯誤的提示框并重新生成驗證碼。
通過上述示例可知，HTML和JS是實現網頁驗證碼的重要工具，可以方便而快速地在網站中添加驗證碼功能，提升網站的安全性。
上一篇css 設置初始化字體
下一篇css3表單新特性