diff options
Diffstat (limited to 'guestbook.html~')
| -rw-r--r-- | guestbook.html~ | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/guestbook.html~ b/guestbook.html~ new file mode 100644 index 0000000..99fd6f4 --- /dev/null +++ b/guestbook.html~ @@ -0,0 +1,65 @@ +<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Guestbook with CAPTCHA</title>
+ <style>
+ body {
+ font-family: Arial, sans-serif;
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 20px;
+ }
+ form {
+ margin-bottom: 20px;
+ }
+ input, textarea {
+ width: 100%;
+ padding: 10px;
+ margin: 10px 0;
+ box-sizing: border-box;
+ }
+ button {
+ padding: 10px 20px;
+ cursor: pointer;
+ }
+ .entry {
+ border-bottom: 1px solid #ccc;
+ padding: 10px 0;
+ }
+ .entry h4 {
+ margin: 0 0 5px;
+ }
+ .entry p {
+ margin: 0;
+ }
+ .captcha {
+ display: flex;
+ align-items: center;
+ margin: 10px 0;
+ }
+ .captcha img {
+ margin-right: 10px;
+ }
+ </style>
+</head>
+<body>
+ <h1>Guestbook</h1>
+ <form id="guestbook-form">
+ <input type="text" id="name" placeholder="Your Name" required>
+ <textarea id="message" placeholder="Your Message" required></textarea>
+
+ <div class="captcha">
+ <img id="captcha-image" src="" alt="CAPTCHA" title="CAPTCHA">
+ <button type="button" id="refresh-captcha">🔄</button>
+ </div>
+ <input type="text" id="captcha-input" placeholder="Enter CAPTCHA" required>
+
+ <button type="submit">Submit</button>
+ </form>
+ <div id="guestbook-entries"></div>
+
+ <script src="guestbook.js"></script>
+</body>
+</html>
|