HTML本身并没有验证码的功能，但可以通过调用其他技术（如JavaScript或后端编程语言）来实现验证码功能。以下是一个使用JavaScript实现简单验证码的例子：
<!DOCTYPE html>
<html>
<head>
<title>验证码示例</title>
<script type="text/javascript">
// 生成随机数
function generateRandomNumber() {
return Math.floor(Math.random() * 1000000);
}
// 生成验证码并显示在页面上
function generateCaptcha() {
var captcha = generateRandomNumber();
document.getElementById('captcha').innerHTML = captcha;
document.getElementById('captchaInput').value = captcha;
}
// 验证用户输入的验证码是否正确
function validateCaptcha() {
var captcha = document.getElementById('captchaInput').value;
if (captcha == document.getElementById('captcha').innerHTML) {
alert('验证码输入正确！');
} else {
alert('验证码输入错误，请重新输入！');
}
generateCaptcha();
}
</script>
</head>
<body onload="generateCaptcha()">
<h1>验证码示例</h1>
<p>请输入下方显示的验证码：</p>
<div id="captcha"></div>
<input type="text" id="captchaInput">
<button onclick="validateCaptcha()">验证</button>
</body>
</html>
在上面的代码中，generateRandomNumber()函数用于生成一个随机数作为验证码，generateCaptcha()函数用于将验证码显示在页面上，并将验证码的值赋给一个隐藏的文本框中。validateCaptcha()函数用于验证用户输入的验证码是否正确。页面加载时会自动调用generateCaptcha()函数生成一个新的验证码。
推荐阅读：
评论