Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, HTML5'de yer tutucuların nasıl kullanılacağını gösteren bir eğitim içeriğidir.
- Video, yer tutucuların genel kullanım amacını açıklayarak başlıyor ve ardından form elemanlarına yer tutucu ekleme sürecini adım adım gösteriyor. Örnek olarak proje adı, isim ve e-posta alanlarına yer tutucu ekleniyor ve Chrome ve Safari tarayıcılarında test ediliyor. Yer tutucuların soluk renkte metin alanlarına eklendiği, metin alanına tıklandığında otomatik olarak kaybolduğu ve herhangi bir metin yazmadan sonraki elemana geçildiğinde tekrar belirdiği gösteriliyor.
- 00:07HTML5'te Yer Tutucular
- HTML5 ile gelen yer tutucular, kullanıcıdan doğru veriler almak için kullanılır.
- Yer tutucular, form elemanlarının içerisine uyarı niteliğinde mesaj bırakmaya yarar.
- 00:29Yer Tutucuların Kullanımı
- Form etiketine yer tutucu eklemek için "placeholder" özelliği kullanılır.
- Autofocus özelliği kaldırıldığında, input alanına odaklanma sağlandığında yer tutucu otomatik olarak kaldırılır.
- Farklı veri giriş elemanlarına da istenirse yer tutucu eklenebilir.
- 01:58Yer Tutucuların Görünümü ve Davranışı
- Yer tutucular soluk renkte metin alanlarına eklenir.
- Metin alanı içine tıklayıp herhangi bir karakter tuşladığınızda yer tutucu kendiliğinden kaybolur.
- Herhangi bir metin yazmadan sonraki elemana geçildiğinde yer tutucu tekrar belirecektir.
- Yer tutucular farklı tarayıcılarda da sorunsuz çalışır.