HTML5 ile gelen yeni bir özellik te placeholder, bu özellik input alanlarında kullanıcıya bilgi - referans vermek için kullanılır, kısaca input içinde bir yer tutucu görevini yapar, kullanıcı inputa tıkladığında bu değer kaybolur ve boş bir input gözükür, ama google chrome da bu özelliği daha çok sevdim, kullanıcı inputa tıklasa bile içerik silinmiyor sadece veri girdiği zaman değişiyor, gelelim internet explorer a, aslında internet explorer a gelmek hiç istemiyorum hala ie9 bu özelliği desteklemiyor ve tabi alt sürümler de:)

Örneğimizi yapalım;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML5 PLACEHOLDER</title>
	</head>
	<body>
		<form id="form">
			<p><input name="isim" type="text" placeholder="Adınızı Girin"/></p>
			<p><input name="soyisim" type="text" placeholder="Soyadınızı Girin"/></p>
			<p><input name="mail" type="text" placeholder="Mail Adresinizi Girin"/></p>
		</form>
	</body>
</html>

Bir de chrome ve opera dan ekran görüntüsü ekleyelim;

gördüğünüz gibi bu kadar basit, input un name ve type ını belirledikten sonra placeholder değeri tanımladık hepsi bu, çalışan örneğini incelemek için buraya tıklayabilirsiniz.