HTML5 本身并不直接提供验证码功能,验证码通常是由后端服务器生成并发送到前端展示给用户的一种安全机制。在 HTML 中,你可以创建一个用于输入验证码的输入框,然后通过后端服务器获取验证码图片。以下是一个简单的示例。
HTML 部分:

<!DOCTYPE html>
<html>
<head>
<title>验证码示例</title>
</head>
<body>
<form action="/verify" method="post">
<input type="text" name="captcha" placeholder="请输入验证码">
<img src="https://www.qq959.com/static/image/lazy.gif" class="lazy" original="https://www.qq959.com/static/image/nopic320.png" alt="验证码图片" onclick="this.src="https://www.qq959.com/static/image/lazy.gif" class="lazy" original="https://www.qq959.com/static/image/nopic320.png" <input type="submit" value="提交">
</form>
</body>
</html>在这个例子中,<img> 标签用于显示验证码图片,它的src 属性设置为从服务器获取验证码图片的 URL(/captcha_image),当用户点击验证码图片时,通过添加随机数到 URL 后防止浏览器缓存图片,从而可以刷新验证码。
你需要后端服务器来处理这个表单的提交并验证用户输入的验证码是否正确,具体的实现方式取决于你使用的后端语言和框架,在 Python 的 Flask 框架中,你可以创建一个路由来处理验证码的生成和验证,在 Node.js 中,你可以使用诸如 Express 这样的框架来实现这个功能,具体的实现方式会涉及到后端编程知识,因此无法在这里详细展开。
这只是一个简单的示例,实际的验证码系统可能需要更复杂的设计和实现,包括防止恶意用户通过自动化工具识别和处理验证码等安全措施。




