国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

PHP開発登録ページ用認(rèn)証コード

検証コードは外部 PHP コードを使用して記述されます。詳細については、検証コード作成プログラムを參照してください。この章で使用する検証コード プログラムは次のとおりです

yanzhengma.php ファイルと検証コード プログラムを作成します。

<?php
session_start();
Header("Content-type:image/PNG");
$im = imagecreate(60, 25);
$back = imagecolorallocate($im, 245, 245, 245);
imagefill($im, 0, 0, $back);
$vcodes = "";

for($i = 0; $i < 4; $i++){
    $font = imagecolorallocate($im, rand(100, 255), rand(0, 100), rand(100, 255));
    $authnum = rand(0, 9);
    $vcodes .= $authnum;
    imagestring($im, 5, 9 + $i * 10, 5, $authnum, $font);
}
$_SESSION['VCODE'] = $vcodes;
for($i=0;$i<200;$i++) {
    $randcolor = imagecolorallocate($im, rand(0, 255), rand(0, 255), rand(0, 255));
    imagesetpixel($im, rand()%60, rand()%25, $randcolor); //
}
imagepng($im);
imagedestroy($im);
?>

: 確認(rèn)コード プログラムをオンラインで実行すると、文字化けが表示されます。確認(rèn)コードをページに追加するにはどうすればよいですか? 確認(rèn)コード プログラムを開くと、Web ページに表示されている確認(rèn)コードが単なる畫像であることがわかります。そのため、<img> タグを使用できます。コードは次のとおりです

<p>驗 證 碼:<input type="text" name="yzm" id="yzm">
    <img src="yanzhengma.php">

src

: これが私たちの確認(rèn)です。以下のように、プログラムは同じレベルのディレクトリにありません。 特定のパスを追加する必要があります

このようにして、ページに検証コードを追加することができます。検証コードでは、検証コードを更新する必要があります。これには、<img> タグの後に次のコードを追加するだけです


検証コードを前に作成したページのコードとマージします。

完全なコードは次のとおりです

<img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand">

CSS スタイルが使用可能になり、検証コードが使用可能になったので、次のステップは、たとえばユーザー名とパスワードの場合はコンテンツを検証することです。入力されていない場合、ユーザーは送信できません。2 回入力したパスワードが異なる場合も異なります。送信するには、JS を使用して行う必要があります。次のセクションでは、JS を使用してこの情報を判斷する方法を説明します


學(xué)び続ける
||
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)</title> <style type="text/css"> body{background-color: rgba(223, 255, 231, 0.28) } .container{ border-radius: 25px; box-shadow: 0 0 20px #222; width: 380px; height: 400px; margin: 0 auto; margin-top: 200px; background-color: rgba(152, 242, 242, 0.23); } .right { position: relative; left: 40px; top: 20px; } input{ width: 180px; height: 25px; } button{ background-color: rgba(230, 228, 236, 0.93); border: none; color: #110c0f; padding: 10px 70px; text-align: center; display: inline-block; font-size: 16px; cursor: pointer; margin-top: 30px; margin-left: 50px; } </style> </head> <body> <form action="" method="post"> <div class="container"> <div class="right"> <h2>用戶注冊</h2> <p>用 戶 名:<input type="text" name="name" id="name"></p> <p>密  碼: <input type="password" name="pwd" id="pwd"></p> <p>確認(rèn)密碼: <input type="password" name="pwdconfirm" id="pwdconfirm"></p> <p>驗 證 碼:<input type="text" name="yzm" id="yzm"> <img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand"></p> <p><button type="submit" value="注冊" >立即注冊</button></p> </div> </div> </form> </body> </html>