HTML Ders 2

by emredipi

HTML

<form action="iletisim.php" method="post" id="form">
	<div>
		İsminiz (text):
		<input type="text" name="isim" value="Emre" placeholder="Bir isim giriniz...">
	</div>
	<div>
		Yaşınız (number):
		<input type="number" name="yas" value="22" placeholder="Bir sayı giriniz...">
	</div>
	<div>
		Cinsiyetiniz (select):
		<select name="cinsiyet">
			<option value="-">-</option>
			<option value="erkek">Erkek</option>
			<option value="kadin">Kadın</option>
		</select>
	</div>
	<div>
		Çoklu işareletme kutuları (checkbox):
		<label>
			Evli
			<input type="checkbox" name="durum" value="evli">
		</label>
		<label>
			Çocuk sahibi
			<input type="checkbox" name="durum" value="cocuk">
		</label>
		<label>
			Çalışıyor
			<input type="checkbox" name="durum" value="calisiyor">
		</label>
	</div>
	<div>
		Son okuduğunuz okul (radio):
		<label>
			İlkokul
			<input type="radio" name="okul" value="ilk">
		</label>
		<label>
			Orta Okul
			<input type="radio" name="okul" value="orta">
		</label>
		<label>
			Lise
			<input type="radio" name="okul" value="lise">
		</label>
		<label>
			Üniversite
			<input type="radio" name="okul" value="uni">
		</label>
	</div>
	<div>
		Hakkınızda<br>
		<textarea placeholder="Kendinizi tanıtın..."></textarea>
	</div>
	<input type="submit" value="Kaydet">
</form>

CSS

div{
	padding-bottom: 20px;
}
textarea{
	width: 500px;
	height: 200px;
}