Vitrin,  Web Tasarım ve Programlama

HTML5 İle Kullanıcı Kayıt Formu Oluşturma

Html5 ile kullanıcı kayıt formu oluşturma kodu aşağıdadır :

Kayıt formunun ekran görüntüsü

<!doctype html>
<html>
	<head>
		<title>Kullanıcı Kayıt Formu</title>
		<meta charset="utf-8" />
		<style type="text/css">
			body{
				background:#76b852;
				font-size:10px;
				font-family:Trebuchet MS;
			}
			#kayitFormu{
				
				border-radius:10px;
				background:#ffffff;
				width:360px;
				margin:auto;
				margin-top:20px;
				padding:15px;
				text-align:center;
			}
			input, button
			{
				border-radius:5px;
				border:none;
				width:300px;
				height:50px;
				margin:20px 0px 20px 0px;
				background:rgba(240,240,240,.5);
				padding-left:15px;
				font-style:italic;
				
			}
			
			.btn{
				background:#76b852;
				color:white;
			}
			h3{
				color:#333;
				text-transform:uppercase;
				font-size:20px;
			}
			
		</style>
	</head>
	<body>
		<div id="kayitFormu">
			<form action="kayityap.php" method="get">
				<h3>KULLANICI Kayıt Formu</h3>
				<input type="text" name="adiniz" placeholder="kullanıcı adı" required maxlength="6"  /> 
				
				<input type="email" name="eposta" placeholder="eposta giriniz" required />
				
				<input type="password" name="parola" placeholder="şifrenizi giriniz" required pattern="[0-9a-zA-Z]{5}"/>
				
				<input class="btn" type="submit" value="KAYIT OL" />
			</form>
			
		</div>
	
	
	</body>
</html>

Bir cevap yazın