Captcha

The Captcha component distinguishes humans from bots by presenting a challenge that is difficult for computer programs.

Captcha Overview

The Captcha component serves as a security validation step when completing a form or making a request. It is meant to protect your application from malicious computer logins and ensure that a human is trying to request, submit, or access the information. The component prompts the user to write the combination of symbols (letters and numbers) in the displayed image for verification.

Originally called the "Completely Automated Public Turing test to tell Computers and Humans Apart," Captcha components play a crucial role in enhancing security and preventing spam or fraudulent activities on the internet. They help ensure that certain actions, like creating accounts or submitting forms, are carried out by genuine human users rather than automated scripts.

Live Demo

States

Anatomy

The anatomy of the Captcha summarizes the visual and functional elements of the component. The main elements include an image displaying a combination of symbols and an input field where users transcribe these symbols. Additionally, Captcha provides two action buttons: a play audio button and a reset image button.

The next image shows the anatomy of a Captcha and includes the following elements:

  1. Captcha image
  2. Play audio icon button
  3. Reset image icon button
  4. Input

Framework-Specific Documentation

For specific information about the component, refer to its official product documentation: