Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan HTML formları hakkında kapsamlı bir eğitim içeriğidir. Eğitmen, formların temel bileşenlerini ve kullanımını adım adım göstermektedir.
- Video, form etiketinin kullanımı ile başlayıp, action ve method (GET ve POST) seçeneklerinin açıklanmasıyla devam ediyor. Ardından input etiketleri, label etiketleri ve formun temel elemanları (metin alanları, şifre alanları, e-posta alanları ve gönderme butonu) detaylı olarak gösteriliyor. İkinci bölümde ise zorunlu alanlar, placeholder, checkbox, radio button, reset butonu, tarih alanı, açılır kutu ve textarea gibi form elemanlarının nasıl oluşturulacağı ve kullanılacağı örneklerle anlatılıyor.
- Eğitmen, form verilerinin nasıl gönderildiğini, GET ve POST metodlarının farklarını, form alanlarının zorunlu hale getirilmesini ve kullanıcıdan veri alma yöntemlerini pratik kod örnekleriyle açıklıyor. Video, form oluşturma konusunda temel bilgi edinmek isteyenler için faydalı bir kaynaktır.
- Form Etiketi ve Action Kısmı
- Form etiketi, kullanıcıdan veri almak için kullanılan temel bir HTML etiketidir.
- Form etiketi içinde yapılan işlemler, formun action kısmına belirtilen sayfaya gönderilir.
- Action kısmı, formdan alınan verilerin gönderileceği sayfanın adıdır.
- 01:17Form Metotları
- Form metotları arasında GET ve POST bulunur.
- GET metodu, verileri açık bir şekilde URL'de gösterir ve 2048 karaktere kadar destekler.
- POST metodu, verileri URL'de göstermez, gizli bir şekilde gönderir ve büyük boyutlu verileri taşımak için kullanılır.
- Şifre gibi önemli bilgiler içeren formlar için POST metodu kullanılmalıdır.
- 02:21Input Etiketi ve Özellikleri
- Formun en önemli elemanlarından biri input etiketidir.
- Input etiketinin tipi (type) özelliği ile metin girişi, şifre girişi veya e-posta girişi gibi farklı türlerde alanlar oluşturulabilir.
- Input alanlarına isim vermek için name özelliği kullanılır.
- Label etiketi, input alanlarına açıklama metni eklemek için kullanılır ve for özelliği ile ilgili input ile ilişkilendirilir.
- 04:39Form Elemanlarının Düzenlenmesi
- Form elemanlarını yan yana yerleştirmek için br etiketi kullanılır.
- Şifre girişi için input etiketinin type özelliği "password" olarak ayarlanmalıdır.
- E-posta girişi için input etiketinin type özelliği "email" olarak ayarlanmalıdır.
- E-posta girişi için form kontrolü, e-posta formatında olup olmadığını kontrol eder ve uygun değilse hata verir.
- 08:10Gönderme Butonu ve Veri Gönderimi
- Gönderme butonu için input etiketinin type özelliği "submit" olarak ayarlanmalıdır.
- Gönderme butonuna tıklandığında form verileri belirtilen action sayfasına gönderilir.
- GET metodu ile gönderilen veriler URL'de görünür ve şifreler gibi hassas bilgiler için güvenli değildir.
- POST metodu ile gönderilen veriler URL'de görünmez ve şifreler gibi hassas bilgiler için daha güvenlidir.
- 11:12Form Inputları ve Zorunluluk
- Form inputlarına "required" özelliği ekleyerek kullanıcıdan zorunlu bilgi girmesini sağlayabilirsiniz.
- "placeholder" özelliği ekleyerek input alanlarına varsayılan yazı ekleyebilirsiniz, ancak kullanıcı yazmaya başladığında bu yazı silinir.
- Form metodu "post" olarak ayarlandığında, URL kısmında "post" yazısı görünür ve form verileri gönderilir.
- 12:47Checkbox ve Radio Butonları
- Checkbox'lar kullanıcı sözleşmesini kabul ederken işaretlenen kutulardır ve "input type='checkbox'" ile oluşturulur.
- Birden fazla checkbox ekleyebilir ve "required" özelliği ile zorunlu kılabilirsiniz.
- Radio butonları "input type='radio'" ile oluşturulur ve aynı "name" değerine sahip olmalılar ki sadece biri işaretlenebilsin.
- 17:46Sıfırlama Butonu ve Buton Etiketi
- Sıfırlama butonu "input type='reset'" ile oluşturulur ve formdaki tüm verileri temizler.
- Buton etiketi kullanarak ikon veya resim içeren butonlar oluşturabilirsiniz.
- Buton etiketinin açılış ve kapanış etiketleri arasına buton içeriği yerleştirilir.
- 19:08Tarih ve Açılır Kutu
- Tarih alanı "input type='date'" ile oluşturulur ve kullanıcıdan tarih bilgisi istenebilir.
- Açılır kutu "select" etiketi ile oluşturulur ve içindeki seçenekler "option" etiketleri ile eklenir.
- Açılır kutuda varsayılan değer "value" özelliği ile belirlenir ve kullanıcı bu seçeneklerden birini seçebilir.
- 22:09Textarea
- Uzun içerik girişi için textarea kullanılır ve "input type='textarea'" ile oluşturulur.
- Textarea'nın sütun ve satır sayısı "cols" ve "rows" özellikleri ile belirlenir.
- Textarea'nın görünümü köşedeki iki çizgiden sürükleyerek büyütülebilir veya küçültülebilir.