Türkiye'de ilk Mobil & PC Aynı Anda Metin2 Oyna. Triarchonline kalıcı ve uzun ömürlü yapısı ile 24 Temmuz'da açılıyor. | 1-99 Mobil Metin2 Triarch HEMEN TIKLA!
HTML üzerinden bir kullanıcı kayıt formu oluşturmak için, kullanıcıların kaydolmalarını sağlayacak temel bir form yapısı oluşturabilirsiniz. Bu form, kullanıcıların ad, e-posta, şifre gibi bilgileri girmelerine imkan tanıyacaktır. Ayrıca, bir "Kayıt Ol" butonu ekleyerek formu tamamlayabilirsiniz.
Bu formda kullanıcıdan ad, e-posta ve şifre bilgilerini alıyoruz. Her bir giriş alanı (input) required özelliği ile zorunlu hale getirilmiştir.
Basit bir stil kullanarak formu daha çekici hale getirdik. Formun etrafına bir kutu ve gölge ekledik, böylece form daha dikkat çekici olur.
POST metodu ile /kayit-islemi adresine gönderilecek. Gerçek bir projede bu adresi, sunucuda form verilerini işleyen bir işleyici ile değiştirebilirsiniz.
HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kayıt Ol</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
padding: 20px;
}
.container {
max-width: 400px;
margin: 0 auto;
background-color: white;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
text-align: center;
margin-bottom: 20px;
}
input[type="text"], input[type="email"], input[type="password"] {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h2>Kayıt Ol</h2>
<form action="/kayit-islemi" method="POST">
<label for="name">Adınız</label>
<input type="text" id="name" name="name" required>
<label for="email">E-posta</label>
<input type="email" id="email" name="email" required>
<label for="password">Şifre</label>
<input type="password" id="password" name="password" required>
<button type="submit">Kayıt Ol</button>
</form>
</div>
</body>
</html>Bu formda kullanıcıdan ad, e-posta ve şifre bilgilerini alıyoruz. Her bir giriş alanı (input) required özelliği ile zorunlu hale getirilmiştir.
Basit bir stil kullanarak formu daha çekici hale getirdik. Formun etrafına bir kutu ve gölge ekledik, böylece form daha dikkat çekici olur.
POST metodu ile /kayit-islemi adresine gönderilecek. Gerçek bir projede bu adresi, sunucuda form verilerini işleyen bir işleyici ile değiştirebilirsiniz.
