网页验证码通常用于防止自动化机器人或恶意软件访问和滥用网站。下面是一个简单的HTML和JavaScript示例，用于创建一个基本的验证码。请注意，这只是一个简单的示例，并不适用于生产环境。在生产环境中，验证码通常由专门的第三方服务提供，如Google reCAPTCHA等。
HTML部分：
<!DOCTYPE html>
<html>
<head>
<title>简单的网页验证码</title>
</head>
<body>
<h2>请输入验证码：</h2>
<input type="text" id="captcha" name="captcha">
<img id="captchaImg" src="https://www.271shop.com/static/image/lazy.gif" class="lazy" original="https://www.271shop.com/static/image/nopic320.png" alt="验证码">
<button onclick="checkCaptcha()">提交</button>
</body>
</html>JavaScript部分（假设你有一个PHP后端来处理验证码的生成和验证）：
function checkCaptcha() {
var captchaInput = document.getElementById(’captcha’).value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "verifyCaptcha.php", true); // 假设你有一个名为verifyCaptcha.php的PHP文件来处理验证码的验证
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
if (xhr.responseText == "success") {
alert("验证码正确！");
} else {
alert("验证码错误，请重试。");
}
}
}
xhr.send("captcha=" + captchaInput); // 将用户输入的验证码发送到服务器进行验证
}在上面的例子中，generateCaptcha.php负责生成验证码图片，并在图片上显示，然后用户输入他们看到的验证码，并点击提交按钮。checkCaptcha()函数将用户输入的验证码发送到服务器进行验证，如果验证码正确，服务器将返回"success"，否则返回错误消息，这只是一个基本的示例，实际的实现可能会更复杂，在生产环境中，你可能需要使用更复杂的验证码生成和验证方法，以及后端语言（如PHP、Python等），你也可能需要考虑安全性问题，如防止跨站请求伪造（CSRF）等。
