Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Online Nokta Com sitesi için hazırlanmış bir eğitim serisinin dördüncü bölümüdür. Eğitmen, Bootstrap framework'ünde formların nasıl kullanılacağını adım adım göstermektedir.
- Videoda Bootstrap'te formların temel kullanımı, form kontrol sınıfı, form group, form inline, textarea, checkbox, radio buton ve select gibi form elemanlarının nasıl oluşturulacağı anlatılmaktadır. Ayrıca form elemanlarına başarı, hata ve uyarı mesajları ekleme, ikonlar kullanma ve görme engelli kullanıcılar için ekran okuyucu desteği sağlama gibi konular da ele alınmaktadır. Video, bir sonraki derste butonların anlatılacağı bilgisiyle sonlanmaktadır.
- 00:10Bootstrap Form Kullanımı
- Bu ders, online nokta com sitesi için hazırlanan derslerin dördüncü bölümü olup formların Bootstrap'te nasıl kullanılacağını anlatıyor.
- Formlar için "form" etiketi kullanılır ve içine "input" etiketi eklenerek input alanları oluşturulur.
- Bootstrap'ta özel görünüm için "form-control" ve "col" sınıfları kullanılır.
- 02:16Form Grup ve Inline Kullanımı
- Formlar "form-group" etiketi içinde daha düzenli kullanılabilir.
- Tek satırda form eklemek için "form-inline" sınıfı kullanılabilir.
- Formlarda açıklama eklemek için "placeholder" özelliği kullanılabilir.
- 04:18Farklı Input Türleri
- Textarea, checkbox, radio buton ve select gibi farklı input türleri de "form-control" sınıfı ile kullanılabilir.
- Select için "multiple" özelliği eklenerek birden fazla seçim yapılabilir.
- "Disabled" özelliği ile input alanları kullanılamaz hale getirilebilir.
- 06:47Feedback ve İkonlar
- Formlarda "success", "error", "warning" gibi feedback renkleri kullanılabilir.
- İkonlar "span" etiketi içinde "icon" sınıfı kullanılarak eklenebilir.
- "for" özelliği ile label ve input arasında bağlantı kurulabilir, özellikle checkbox ve radio butonlarda kullanılır.
- 09:40Ekran Okuyucu Desteği ve Boyutlandırma
- "aria-described-by" özelliği ekran okuyucuları için kullanılır ve görme engelli kullanıcılar için formun durumunu belirtir.
- "form-control-feedback" sınıfı eklendiğinde feedback mesajı görüntülenir.
- "input-lg" veya "input-sm" sınıfları ile input alanlarının boyutu ayarlanabilir.