Web Tutorials - 2015

Demo Form

<!DOCTYPE html>
<html>
<head>
<title>Web Tutorials - 2015</title> 
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href='http://fonts.googleapis.com/css?family=Jura' rel='stylesheet' type='text/css'>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Consolas, Verdana,Arial;
	background: #aba;
}
#wrapper {
	background: #fff;
	box-shadow: 0 0 25px #ece inset;
	margin: 0 auto 0 auto;
	padding: 0px;
	position: relative;
	max-width: 880px;
	min-height: 900px;
}
#wrapper h1 {
	color: #fff;
	font-size: 50px;
	background: #cde;
	padding: 30px;
	text-shadow: 2px 2px 2px #333;
}
#wrapper form {
	color: #555;
	font-size: 14px;
	background: #cac;
	border: none;
	position: relative;
	top: 0;
	float: right;
	width: 200px;
}
#wrapper form legend {
	color: #cde;
	font-size: 14px;
	padding-top: 10px;
	padding-left: 10px;
}
#wrapper form fieldset {
	background: #cec;
	border: none;
	padding: 10px;
}
#wrapper form input {
	font-family: Consolas, Verdana,Arial;
	color: #999;
	font-size: 11px;
	padding-left: 5px;
}
#wrapper form input:focus {
	background: #eee;
}
</style> 
</head>
<body>

<div id="wrapper">
	<h1>Demo Form</h1>
	<form type="form" name="form" hethod="post" action="kisibilgileri.php">
		<legend>Kişi Bilgileri:</legend><br/>
			<fieldset>
				<label>Adı:</label><br/><input type="text" name="adi" value="" autofocus><br/>
				<label>Soyadı:</label><br/><input type="text" name="soyadi" value=""><br/>
				<label>Yaşı:</label><br/><input type="number" name="yas"  value=""><br/>
				<label>Mail:</label><br/><input type="text" name="mail" value=""><br/>
				<label>Parola:</label><br/><input type="password" name="sifre" value=""><br/>
				<label>Ülke:</label><br/><input type="text" name="ulke" value=""><br/>
				<input type="radio" name="sex" value="evli" checked> Erkek<br/>
				<input type="radio" name="sex" value="bekar"> Kadın<br/>
				<input type="submit" name="gonder" style="padding: 0 10px 0 10px">
			</fieldset>
	</form>
</div> 
</body> 
</html>