Bagaimana untuk memperkenalkan dan memaparkan fail kod pengesahan pada halaman log masuk

Bab sebelumnya memperkenalkan cara membuat kod pengesahan mudah, dan mentakrifkan fail php kod pengesahan sebagai: captcha.php

Sekarang mari kita bercakap tentang cara memperkenalkan fail kod pengesahan kami kelihatan seperti ini daripada:

Kod pengesahan di sini adalah seperti ini.

Kod dalam fail login.html adalah seperti berikut:

<div class="form-group">
    <div class="field">
        <input type="text" class="input input-big" name="code" placeholder="填写右侧的验证码" data-validate="required:请填写右侧的验证码" />
       <img src="images/passcode.jpg" alt="" width="100" height="32" class="passcode" style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">  
                               
    </div>
</div>

Di sini kita perlu membuat beberapa pengubahsuaian pada kod ini dan memperkenalkan fail kod pengesahan adalah seperti berikut

Kemudian buat beberapa pengubahsuaian kepada gaya css. Objek Dokumen HTML DOM dalam javascript digunakan di sini dan imej yang dijana oleh kod pengesahan captcha.php dirujuk.

Kesan yang dicapai selepas menjalankan kod: