隨著互聯(lián)網(wǎng)的發(fā)展，登錄注冊的功能已經(jīng)成為了網(wǎng)站開發(fā)中必不可少的部分。那么，在實現(xiàn)登錄注冊功能時，如何使用 HTML 代碼實現(xiàn)驗證碼功能呢?下面將為您介紹一種方便實用的驗證碼代碼。

<!-- 登錄表單 -->
<form action="#" method="post">
<label for="uname">用戶名:</label>
<input type="text" id="uname" name="uname"><br><br>
<label for="upwd">密碼:</label>
<input type="password" id="upwd" name="upwd"><br><br>
<label for="authcode">驗證碼:</label>
<input type="text" id="authcode" name="authcode">
<img src="./authcode.php" alt="點擊換一張" onclick="this.src='./authcode.php?'+Math.random()"><br><br>
<input type="submit" value="登錄">
</form>
<!-- 注冊表單 -->
<form action="#" method="post">
<label for="uname">用戶名:</label>
<input type="text" id="uname" name="uname"><br><br>
<label for="upwd">密碼:</label>
<input type="password" id="upwd" name="upwd"><br><br>
<label for="reupwd">確認密碼:</label>
<input type="password" id="reupwd" name="reupwd"><br><br>
<label for="authcode">驗證碼:</label>
<input type="text" id="authcode" name="authcode">
<img src="./authcode.php" alt="點擊換一張" onclick="this.src='./authcode.php?'+Math.random()"><br><br>
<input type="submit" value="注冊">
</form>
<!-- 驗證碼生成 -->
<?php
session_start();
$num = ""; // 驗證碼數(shù)字
for ($i=0; $i<4; $i++) {
$num .= rand(0,9);
}
$_SESSION['code'] = $num; // 將驗證碼存入 session 中
$img = imagecreatetruecolor(60, 30); // 初始化圖像資源
$color = imagecolorallocate($img, 255, 255, 255); // 設置背景色
imagefill($img, 0, 0, $color); // 填充背景色
$authcode = str_shuffle($num); // 隨機打亂數(shù)字順序
imagestring($img, 5, 10, 8, $authcode, imagecolorallocate($img, 0, 0, 0)); // 在圖像上繪制字符串
header("Content-type: image/jpeg"); // 設置內容類型
imagejpeg($img); // 輸出圖像
imagedestroy($img); // 釋放資源
?>

以上代碼實現(xiàn)了一個簡單的登錄注冊驗證碼功能，通過生成隨機數(shù)字并將其打亂后繪制在圖像上，來確保每個驗證碼的不重復性和不可預測性。同時，利用 session 機制將驗證碼存入服務器端，以便后續(xù)的驗證。