Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Bootstrap kullanarak form kontrolleri oluşturma sürecini adım adım göstermektedir.
- Video, Bootstrap'in select class form kontrolü kullanarak son kullanma tarihi ve yılı için seçenekler oluşturma konusunu ele almaktadır. Eğitmen, form grubu oluşturma, label ekleme, div sınıfları kullanma ve optionlar eklemek için gerekli kodları göstermektedir. Ayrıca, kodlama sırasında karşılaşılan bir hata ve çözümü de paylaşılmaktadır. Video, form kontrollerinin nasıl oluşturulacağını ve Bootstrap ile form tasarımı yapmak isteyenler için faydalı bir kaynak niteliğindedir.
- 00:01Bootstrap'te Select Class Form Kontrolü Kullanımı
- Bootstrap'te optionlar için son kullanma tarihi ve yılı için değişiklikler yapılacak.
- Projelerde farklı seçenekler kullanılabilir, ancak bu formda ilk seçenek olan select class form kontrolü kullanılacak.
- Form kontrolü kullanmak oldukça kolaydır.
- 00:33Bootstrap Class'larının Düzenlenmesi
- Div class'ın adı "raw elem" olan div'in class'ı "form group" olarak değiştirilecek.
- Bootstrap'in sunduğu class'ların adıyla devam edilmesi gerekiyor.
- Select class'ı seçili hale getirilip kopyalanıp, optionların yerine yapıştırılacak.
- 01:12Label ve Div Class'larının Eklenmesi
- Label'a "for name" den sonra "col-sm-2" ve "ctrl-label" class'ları eklenecek.
- Hemen altına "col-sm-10" class'lı bir div daha açılacak.
- Select yazısının altındaki div'in fazla olduğu kısmı silinecek.
- 02:30Optionların Eklenmesi ve Hata Düzenleme
- Form grubuna bir option daha eklenecek ve içinde "yıl" yazacak.
- Kaydedildikten sonra tarayıcıda hata ile karşılaşıldı.
- Hata aslında bir hata değil, sadece "form-control" class'ının eklenmemesi nedeniyle oluştu.
- 04:05İkinci Optionun Eklenmesi
- Aynı form kontrolü diğer option için de kullanılacak.
- Seçilen select class'ı kopyalanıp, bir altındaki div'e yapıştırılacak.
- Yazılar "son kullanma yılı" olarak değiştirilecek ve 2014, 2015, 2016, 2017 ve 2018 gibi örnek tarihler eklenecek.