HtmlCss/FormExample.html at master · IremSahin/HtmlCss · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>

<html>

	<head>
		<meta charset = "utf-8"/>
		<title>Hemen Üye Ol</title>
	</head>

	<body>
		<h1>Lütfen Formu Eksiksiz Doldurunuz.</h1>
		<hr/>

		<form>
			<h4>Hesap Bilgileriniz</h4>

			<p>
				Kullanıcı Adı :  <input type = "text" placeholder = "Kullanıcı Adı Giriniz" name = "kullaniciadi" required>
			</p>

			<p>
				Eposta : <input type = "email" placeholder = "E-postanızı Giriniz" name = "email" required>
			</p>

			<p>
				Parola :  <input type = "password" placeholder = "Parolanızı Giriniz" name = "parola" required>
			</p>

			<h4>Kişisel Bilgileriniz</h4>

			<p>
				Ad : <input type = "text" placeholder = "Adınızı Giriniz" name = "ad" required>
			</p>

			<p>
				Soyad : <input type = "text" placeholder = "Soyadınızı Giriniz" name = "soyad" required>
			</p>

			<p>
				Şehir :
				<select name = "sehir">
					<option>Seçiniz</option>
					<option>Ankara</option>
					<option>Bursa</option>
					<option>İstanbul</option>
					<option>İzmir</option>
				</select>
			</p>

			<p>
				<input type = "radio" name = "cinsiyet"> Erkek
				<input type = "radio" name = "cinsiyet"> Kadın
			</p>

			<p>
				Hobileriniz :
				<input type = "checkbox" name = "hobi"> Sinema
				<input type = "checkbox" name = "hobi"> Gezmek
				<input type = "checkbox" name = "hobi"> Spor
				<input type = "checkbox" name = "hobi"> Kitap
			</p>

			<input type = "submit" value = "Kaydet">
		</form>

	</body>

</html>