Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, MDBootstrap (MDB) form elemanlarının nasıl kullanılacağını gösteren bir eğitim içeriğidir. Eğitmen, Visual Studio ve Live Server eklentisi kullanarak projeleri nasıl oluşturacağını adım adım anlatmaktadır.
- Video, MDB form elemanlarının temel kullanımını göstermektedir. İçerikte input alanları, checkbox, radio button, toggle, range, date picker, time picker gibi form elemanlarının nasıl kullanılacağı, özelliklerinin nasıl ayarlanacağı ve doğrulama işlemleri gösterilmektedir. Ayrıca MDB Pro sürümünde bulunan ileri seviye form elemanları ve pluginler de tanıtılmaktadır. Video sonunda, MDBootstrap'ın sunulan ücretsiz hosting hizmeti de gösterilmektedir.
- 00:00MDB Form Kullanımı
- MDB form, geniş özellikler sunan bir form kütüphanesidir; geniş bateri döngüsü, ekstra bileşenler, ücretsiz şablon ve ücretsiz barındırma sunmaktadır.
- MDB formu kullanmak için Visual Studio'da veya Visual Studio Code'da "index.html" dosyasını açıp, "Live Server" eklentisini kullanarak projeyi çalıştırabilirsiniz.
- MDB formunun genel belgelerine ve belirli form elemanları için ayrı sayfalarına erişebilirsiniz.
- 03:42Temel Form Elemanları
- Form elemanları için "form-control" sınıfı kullanılır ve bu sınıf, form elemanlarına ilgili JavaScript kodlarını uygulamak için gerekli olan id'ye sahiptir.
- "form-floating" sınıfı ile süzgeç etiketleri kullanılabilir ve etiketlerin üstüne gelindiğinde etiketler kaybolabilir.
- MDB form, önceden tanımlanmış şablonlar sunar ve "Advanced Login Register" gibi şablonları projeye kopyalayıp yapıştırabilirsiniz.
- 06:28Form Alanları ve Özellikleri
- Form alanları için "input fields" bölümüne erişebilir ve form elemanlarını kontrol edebilirsiniz.
- Form elemanlarını devre dışı bırakmak için "disabled" özelliği kullanılabilir.
- Form elemanları için farklı türler mevcuttur: "text" (metin), "email" (e-posta), "number" (sayı) ve "textarea" (metin alanı).
- 10:47Form Elemanlarının Özellikleri
- Form elemanlarına destekleyici metin eklemek için "form-text" sınıfı kullanılabilir.
- Form elemanlarına sınırlama eklemek için "maxlength" özelliği kullanılabilir.
- Form elemanlarına ikonlar eklenebilir ve koyu tema için "dark" sınıfı kullanılabilir.
- 13:56Onay Kutusu ve Seçenekler
- Onay kutusu, kullanıcıların birden fazla seçenek seçmesine olanak sağlar.
- Onay kutuları da form elemanları gibi devre dışı bırakılabilir.
- Butonlar onay kutusu olarak kullanılabilir ve birden fazla buton seçilebilir.
- 16:01Radio Butonları
- Radio butonları, kullanıcıların birden fazla seçenekten sadece birini seçmesine olanak sağlar.
- Aynı grup içindeki radio butonları için "name" özelliği aynı olmalıdır.
- Radio butonları da form elemanları gibi devre dışı bırakılabilir.
- 18:10Gelişmiş Form Elemanları
- Form grupları, form elemanlarına ek özellikler eklemek için kullanılabilir.
- Toggle elemanları, bir uygulamanın durumunu değiştirmek için kullanılabilir.
- Aralıklı girişi, örneğin e-ticaret projelerinde fiyat aralığı için kullanılabilir.
- 20:45Gelişmiş Form Elemanları
- MDB form, otomatik tamamlama, dropdown menüler ve seçici gibi gelişmiş form elemanları sunar.
- MDB Pro sürümü, tarih seçici, zaman seçici ve çoklu seçim gibi gelişmiş özellikler sunar.
- MDB Pro sürümü, renk seçici, sürükle-bırak gibi ileri düzey bileşenler sunar.
- 23:38Doğrulama ve Barındırma
- Form doğrulaması için JavaScript kullanılır ve kullanıcıdan alınan veriler doğrulanır.
- MDB, Bootstrap ile entegre olup ücretsiz barındırma sunar.
- Projeyi barındırmak için "my" komutunu kullanabilir ve projenizi internet üzerinde görüntüleyebilirsiniz.