HTML生成驗證碼代碼是網頁開發中常見的技術,通過驗證碼可以有效防止惡意攻擊、機器注冊等不良行為,使得網站更具安全性和使用性。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>驗證碼生成</title> <script type="text/javascript"> function generateVerificationCode() { var code = ""; var codeLength = 6; // 驗證碼位數 var codeChars = new Array( // 驗證碼包含的字符 "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z" ); for (var i = 0; i< codeLength; i++) { var randomIndex = Math.floor(Math.random() * codeChars.length); code += codeChars[randomIndex]; } document.getElementById("verificationCode").innerHTML = code; } </script> </head> <body> <div id="verificationCode"></div> <button onclick="generateVerificationCode()">點擊生成驗證碼</button> </body> </html>
以上代碼是一個完整的HTML頁面,包含一個按鈕和一個空的DIV標簽,點擊按鈕可以隨機生成包含6位由數字、大寫字母組成的驗證碼,并將驗證碼顯示在DIV標簽中。