Database Akademi
»
Programlama
»
HTML5 / CSS
»
HTML5 Yeni Form Özellikleri - Placeholder
Sıralama: Advanced Member
Gruplar: Registered
Katılan: 27.08.2015(UTC) Mesajlar: 37   5 Mesajına Toplam 5 Kere Teşekkür Edildi.
|
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.
[b]Placeholder:[/b]
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ç:
[img=http://dbakademi.com/images/forums/html5/placeholder.jpg]Html5 input placeholder[/img]
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 [b][url=http://www.dbakademi.com/html5-samples/placeholder.html]buradan[/url][/b] ulaşabilirsiniz.
|
|
|
|
|
|
Database Akademi
»
Programlama
»
HTML5 / CSS
»
HTML5 Yeni Form Özellikleri - Placeholder
Forumu Atla
Bu foruma yeni konular postalayamazsınız.
Bu forumda ki konulara yeni posta gönderemezsiniz.
Bu forumdaki postalarınızı silemezsiniz.
Bu forumdaki postalarınızı düzenleyemezsiniz.
Bu forumda anketler yaratamazsınız.
Bu forumdaki anketlere oy veremezsiniz.
