要制作验证码登录页面,可以按照以下步骤进行:
创建一个包含验证码生成和校验功能的PHP文件。可以使用GD库来生成验证码图片,并将生成的验证码存储在Session中用于校验。<?phpsession_start();$width = 100;$height = 30;$characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';$char_length = strlen($characters);$code = '';for ($i = 0; $i < 6; $i++) { $code .= $characters[rand(0, $char_length - 1)];}$_SESSION['captcha_code'] = $code;$image = imagecreatetruecolor($width, $height);$bg_color = imagecolorallocate($image, 255, 255, 255);$text_color = imagecolorallocate($image, 0, 0, 0);imagefill($image, 0, 0, $bg_color);imagestring($image, 5, 40, 10, $code, $text_color);header('Content-type: image/png');imagepng($image);imagedestroy($image);?>创建一个包含登录表单的HTML文件,其中包含一个验证码输入框和一个用来显示验证码图片的img标签。<!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>Captcha Login</title></head><body> <h2>Login Form</h2> <form action="login.php" method="post"> <label for="username">Username:</label> <input type="text" name="username" id="username" required><br><br> <label for="password">Password:</label> <input type="password" name="password" id="password" required><br><br> <label for="captcha">Captcha:</label> <input type="text" name="captcha" id="captcha" required><br><br> <img src=https://www.mykuaidi.com/static/image/nopic320.png alt="captcha"><br><br> <input type="submit" value="Login"> </form></body></html>创建一个用于校验登录信息的PHP文件,验证用户名、密码和验证码是否匹配。<?phpsession_start();$username = $_POST['username'];$password = $_POST['password'];$captcha = $_POST['captcha'];if ($username == 'admin' && $password == 'password' && $captcha == $_SESSION['captcha_code']) { echo 'Login successful';} else { echo 'Login failed';}?>通过以上步骤,就可以实现一个带有验证码的登录页面。当用户输入用户名、密码和验证码后,点击登录按钮,系统会校验用户输入的信息是否正确,并给出相应的提示。