CAPTCHA-Validator/index.html at 03429f12e5fb5d65b455f9f7340f7b6256fdd6d2 · makeuseofcode/CAPTCHA-Validator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <!-- Google Recaptcha API-->
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

</head>

<body>
    <div class="center">
        <h1 id="captchaHeading">Captcha Validator Using HTML, CSS and JavaScript</h1>
        <div id="captchaBackground">
            <canvas id="captcha">captcha text</canvas>
            <input id="textBox" type="text" name="text">
            <div id="buttons">

                <input id="submitButton" type="submit">
                <button id="refreshButton" type="submit">Refresh</button>
            </div>


            <span id="output"></span>
        </div>
    </div>
<!-- Google Recaptcha-->
    <div class="center google">
        <h1>Google Recaptcha v2</h1>
        <form onsubmit="getResponse()" >
            <div class="g-recaptcha" id="widgetId1" data-sitekey="6Ld_Zx0pAAAAAIFeSlojRE4W3wUqioyfyS8f2aUJ"></div>
            <br/>
            <input type="submit" id="googleBtn" value="Submit">

          </form>
    </div>

    <script src="script.js"></script>
</body>

</html>