Cara menggunakan html captcha w3schools

Captcha adalah cara untuk mengidentifikasi pengguna apakah pengguna itu manusia atau bukan. Captcha dibuat dengan bantuan menggabungkan huruf dan angka. itu memastikan bahwa pengguna yang mencoba mengakses platform adalah manusia. Jadi tanpa membuang waktu mari kita mulai

Penerapan Captcha

  • Formulir otentikasi. Untuk masuk dan mendaftar dapat digunakan untuk memastikan bahwa pengguna akhir adalah manusia
  • Mencegah Registrasi Palsu. Dengan captcha kita bisa mencegah bot membuat akun di sistem.  
  • Mencegah komentar palsu. Dengan cara ini bot tidak akan dapat melakukan Comment pada suatu sistem,
  • NetBanking dan lembaga keuangan. Untuk memastikan bahwa Otentikasi hanya dilakukan oleh manusia dan dengan cara ini manipulasi transaksi dapat dicegah

Catatan. Captcha juga dapat melindungi dari beberapa serangan otomatis

Contoh. Pertama, buat bagian untuk Captcha dengan HTML. Kode di bawah ini akan menghasilkan desain untuk captcha dan dari file CSS kita akan menambahkan gaya dan pada gambar (segarkan) klik, kita akan menghasilkan captcha baru dengan memanggil metode generate() dari JavaScript

  • indeks. html

HTML




<!DOCTYPE html>

<html lang="en">

 

<head>

<0<<2 <3=1_______5>

<0<<2 html0=html2 html3=html5>

<0<<2 lang0=3_______2 html3=

lang5lang6>

<0________1__4_______0 =1=4_______3 =4==6>

<0<=0 =1=4_______3 =4=

"en"_6

lang5"en"8=

>_0

lang5>2=>4>

<0________1__6_______8 >9=1_______1_______1<2>8>

<5head>

 

<<9 head0=8_______2>

<0________1__8_______6 head7=8_______9 >0=>2>

lang5<>6 >7=>9 head7=<02

<03<04=1_______06 <07

<0<5head6>

 

<0________1__8_______6 >0=6_______2 <18=head2>

lang5<<24 >0=1_______27<2<24>

<0<5head6>

 

<0________1__8_______6 ________8______7=<40 >0=>2 <44=<46>

<0<5head6>

<0<>6 ________6______7=<02 head7=<60 <18=<63 ________1______07

 

<0<<67 head7=1_______70<2<67>

 

 

 

 

<5<9>

 

<5html>

captcha. css. Untuk mendesain kotak captcha kami dan tombol kirim

CSS




<_80

<0<82<83<84<85

<0<87<88 <88 <88 <88 <92<85

<0<_95<83<97<98

<0html00<83html02<85

<0html05<83html07<85

<0html10<83html12<85

<0html15<83html17<85

<0html20html21<85

<0html24<83html26<85

<0html29<83html31<85

<0html34<83html36<85

<0html39<83html41 html42 html43<85

<0html46<83<84<85

<_0

html51

html_52

<0<87<88 <88 <88 <88 <92<85

<0<95<83html64<85

html66html67<83<84________1______85

<0html00<83<84<85

<0html10<83html12<85

<0html15<83html17<85

html66html39<83html41 html12 html43<85

html51

html_94

<0html39<83html98 html99 html43<85

html51

lang03lang04lang05

<0lang07lang08lang09<85

html51

lang_12

<0<87<88 <88 <88 lang18

<0lang20<83lang22<85

<0lang25<83<84<85

<0lang30lang31

html51

captcha. js. File ini akan memverifikasi captcha yang dimasukkan dengan captcha yang dihasilkan saat pengguna mengklik tombol kirim. Dan ketika ikon refresh diklik maka akan menghasilkan kembali Captcha