在網站或應用中，設置驗證碼可以有效地防止惡意攻擊或者惡意注冊。這篇文章將介紹如何使用HTML設置驗證碼。

首先，我們需要創建一個HTML表單來收集用戶輸入的數據，同時也需要一個圖像用作驗證碼。可以使用以下代碼：

<form>
<label>輸入驗證碼：</label>
<input type="text" name="captcha">
<img src="captcha.php" alt="驗證碼">
</form>

在這個表單中，我們創建了一個輸入框來讓用戶輸入驗證碼。而驗證碼本身則通過<img>標簽的“src”屬性來引用名為“captcha.php”的服務器端腳本。在captcha.php中，我們將生成一個包含隨機字符的圖像。

下面是一個簡單的例子：

<?php
session_start();
$characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
$randstring = '';
for ($i = 0; $i < 5; $i++) {
$randstring .= $characters[rand(0, strlen($characters))];
}
$_SESSION['captcha'] = $randstring;
$im = imagecreatetruecolor(70, 30);
$bg = imagecolorallocate($im, 22, 86, 165);
$fg = imagecolorallocate($im, 255, 255, 255);
imagefill($im, 0, 0, $bg);
imagestring($im, 5, 10, 8,  $randstring, $fg);
header('Content-type: image/png');
imagepng($im);
imagedestroy($im);
?>

我們首先生成了一個包含數字和字母的隨機字符串，并將其存儲到一個名為“captcha”的會話變量中。然后，我們創建了一個新的圖像，并使用兩種顏色來填充圖像并設置文字顏色。最后，我們在圖像中添加了隨機字符串，并通過“header()”函數將圖像輸出到瀏覽器中。

回到HTML表單，我們現在需要驗證用戶輸入的驗證碼是否與生成的隨機字符串匹配。這可以通過以下JavaScript代碼實現：

<script>
var captcha = document.getElementsByName('captcha')[0].value;
var captcha_session = '<?php echo $_SESSION['captcha']; ?>';
if (captcha != captcha_session) {
alert('輸入的驗證碼不正確！');
return false;
}
</script>

這段代碼首先獲取用戶輸入的驗證碼，然后與存儲在會話變量中的隨機字符串進行比較。如果不匹配，就顯示一個警告框，并阻止表單提交。

通過以上方法，我們可以設置一個簡單且有效的驗證碼系統。但請注意，這只是一種基本方法。為了提高安全性，你可以使用更復雜的技術，如圖形學驗證碼或Google reCAPTCHA。