Untitled
unknown
plain_text
a year ago
2.5 kB
5
Indexable
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Kayıt Formu</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; text-align: center; padding: 50px; } .register-container { background-color: #fff; border: 1px solid #ddd; padding: 20px; border-radius: 8px; display: inline-block; } .form-group { margin-bottom: 15px; } input[type="text"], input[type="password"], input[type="email"] { width: 100%; padding: 10px; margin: 5px 0; border-radius: 5px; border: 1px solid #ddd; } input[type="submit"] { background-color: #007bff; border: none; padding: 10px 20px; color: white; border-radius: 5px; cursor: pointer; } input[type="submit"]:hover { background-color: #0056b3; } </style> </head> <body> <div class="register-container"> <h2>Kayıt Formu</h2> <form id="registerForm"> <div class="form-group"> <input type="text" id="username" placeholder="Kullanıcı Adı" required> </div> <div class="form-group"> <input type="password" id="password" placeholder="Şifre" required> </div> <div class="form-group"> <input type="email" id="email" placeholder="E-posta" required> </div> <input type="submit" value="Kayıt Ol"> </form> <p id="response"></p> </div> <script> document.getElementById("registerForm").onsubmit = function(event) { event.preventDefault(); // Basit bir kontrol, gerçekte daha kapsamlı doğrulama gereklidir. var username = document.getElementById("username").value; var password = document.getElementById("password").value; var email = document.getElementById("email").value; if(username && password && email) { document.getElementById("response").innerText = "Kayıt Başarılı!"; } else { document.getElementById("response").innerText = "Kayıt Başarısız. Tüm alanları doldurunuz."; } } </script> </body> </html>
Editor is loading...
Leave a Comment