Html5 den önce genellikle basit validasyon, takvim v.b. formlarda olması gereken özellikler için bir sürü javascript kodu yazılıyordu. Html5 ile gelen yeni input tipleri bu sorunu ortadan kaldırmıştır. Böylece formlar daha basit bir tasarıma sahip olmuştur. Eğer yeni input tipi tarayıcı tarafından desteklenmiyorsa varsayılan olarak <input type= text> kabul edilir.
Placeholder: Placeholder özelliği kullanıcıya form içinde nasıl bir veri girişi yapmasını gösteren bir açıklıyıcı bilgidir.
Kullanıcı forma bir şeyler girdiğinde bu açıklayıcı yazı kaybolour.
Bunu bir örnekle gösterelim:
<!DOCTYPE html>
<html>
<head>
<title>Placeholder Özelliği</title>
</head>
<body>
<h1> Html5 Placeholder Özelliği </h1>
<label for="ad">Adınız : </label>
<input id="ad" placeholder="Adınızı giriniz">
<label for="soyad">Soyadınız : </label>
<input id="soyad" placeholder="Soyadını giriniz">
<input type="submit" value="Gönder">
</body>
</html>
Kodu çalıştırdığımızda çıkan sonuç:
Alan içindeki açık gri ile yazılmış “Adınızı giriniz” yazısı kullanıcıya buraya ismi girmesi gerektiğini göstermektedir. Kullanıcı bu alana bir şeyler girdiğinde bu yazı yerini kullanıcın girdiği bilgiye bırakacaktır.
Bu örneğe
buradan ulaşabilirsiniz.
