HTML+CSS+Javascript 模拟验证码输入

最新推荐文章于 2025-03-12 16:51:29 发布

Jus sing

最新推荐文章于 2025-03-12 16:51:29 发布

阅读量1k

点赞数

文章标签： css html javascript

本文链接：https://blog.youkuaiyun.com/hcc13974721431/article/details/122116911

版权

一、页面展示：
在这里插入图片描述
二、效果图(密码：654321)

三、代码：
html文件


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>模拟验证码输入01</title>
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <main class="code">
    <section class="show">
      <p class="tit">请输入6位验证码</p>
      <p class="content"></p