Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan HTML form elemanları hakkında kapsamlı bir eğitim dersidir. Eğitmen, kod yazarak ve örnekler göstererek konuyu anlatmaktadır.
- Videoda formların temel özellikleri, form etiketi ve input etiketinin çeşitli özellikleri detaylı olarak ele alınmaktadır. İçerik, checkbox, radio button, textbox gibi form elemanlarının kullanımını, form gönderme yöntemlerini (GET ve POST), buton türlerini ve form elemanlarının doğru sıralanmasını kapsamaktadır.
- Eğitmen, form elemanlarının isimlendirme, değer atama, minimum ve maksimum karakter sayısı belirleme, zorunlu alan belirleme gibi pratik uygulamaları kod örnekleri üzerinden göstermektedir. Ayrıca form elemanlarının doğru kullanımı için dikkat edilmesi gereken noktalar vurgulanmaktadır.
- 00:43Web Tasarım Dersinde Formlar
- Web tasarım dersinde forumlar konusuna kaldığı yerden devam ediliyor.
- Formlar, internet ortamında dışarıdan veri almayı sağlayan arayüz nesneleridir.
- Formlar sayesinde kişilerden ad, soyad, telefon numarası, TC kimlik numarası, adres gibi bilgiler toplanabilir.
- 02:11Form Yapısı ve Özellikleri
- Forum, table gibi bir dış etiket ve içerisine nesne olarak tanımlanan etiketler içerir.
- Form etiketinin temel özellikleri: action (yönlendirilecek adres), target (yeni sekmede mi açılacak) ve metot (gönderim tipi)dir.
- Giriş nesneleri oluşturmak için genellikle input etiketi kullanılır.
- 03:31Input Etiketinin Özellikleri
- Input etiketinin temel özellikleri: type (girilecek içerik türü), src (dosya yolu), align (hizalama), name (form elemanının adı), maxlength (maksimum karakter sayısı), width (genişlik), checked (seçili olup olmadığı), disable (kullanım dışı bırakma) ve value (değer)dir.
- Name özelliği, form elemanının adını belirtir ve bu değer postta karşınıza çıkması için şarttır.
- Check özelliği, selectbox veya checkbox'ın seçili olup olmadığını ifade eder.
- 05:33Checkbox Nesnesi
- Checkbox, çoklu seçim yapmamızı sağlayan bir nesnedir.
- Örneğin hobileri seçme veya kursa katılım zamanını seçme gibi birden çok seçim yapılacak durumlarda kullanılır.
- Checkbox oluşturmak için input type="checkbox" kullanılır ve her bir checkbox için name özelliği farklı olmalıdır.
- 07:26Checkbox Örneği
- Checkbox örneği için body etiketinin içerisine h3 başlığı ve input değerleri yazılır.
- Her bir checkbox için input type="checkbox" kullanılır ve name özelliği farklı olmalıdır.
- Türkçe karakterler yerine İngilizce kullanmak daha iyi olur çünkü her dil makine tarafından desteklenmeyebilir.
- 11:25Form Etiketi ve Gönderme İşlemi
- Form etiketinde "method" özelliği "get" olarak ayarlandığında, form verileri URL üzerinden gönderilir.
- "target" özelliği "_blank" olarak ayarlandığında, form verileri yeni bir sayfada açılır.
- Form etiketinin etiket kapatma sıralaması, yazılan sıraya göre gider.
- 13:46Form Butonları
- Form göndermek için "input type=submit" kullanılır ve "value" özelliği ile buton metni belirlenebilir.
- "input type=reset" butonu, formdaki tüm değerleri sıfırlar.
- "input type=button" butonu, form göndermek için kullanılmaz, sadece buton olarak işlev görür.
- 18:37Form Verilerinin Gönderimi
- Form verileri, URL'de soru işareti ile başlayarak gönderilir.
- "value" özelliği ile aktif olan butonun değeri gönderilir.
- URL'de "&" işareti ile birden fazla parametre eklenebilir.
- 21:38Radyo Butonları
- Radyo butonları için "input type=radio" kullanılır ve "name" özelliği ile aynı isim verilmelidir.
- Aynı "name" değerine sahip radyo butonlarından sadece biri seçilebilir.
- Radyo butonları, bir seçim yapmak gerektiğinde kullanılır.
- 26:37Metin Alanları
- Metin alanları için "input type=text" kullanılır ve "name" özelliği ile anahtar isim belirlenir.
- "value" özelliği ile otomatik değer girilebilir.
- "placeholder" özelliği ile tıklanıldığında silinen bir yazı gösterilebilir.
- 28:57HTML TextBox Özellikleri
- TextBox alanına metin girilebilir ve "Temizle" seçeneği ile metin temizlenebilir.
- TextBox'a girilen metin, formun üst kısmında görüntülenir.
- TextBox'a minimum (min) ve maksimum (max) karakter sayısı belirlenebilir.
- 32:31Minimum ve Maksimum Karakter Sayısı
- Minimum karakter sayısı (min) belirlendiğinde, kullanıcı minimum karakter sayısını geçmediği sürece uyarı verir.
- Maksimum karakter sayısı (max) belirlendiğinde, kullanıcı maksimum karakter sayısını aştığında uyarı verir.
- Minimum ve maksimum karakter sayısı belirlemek için önce alanın zorunlu olup olmadığı belirtilmelidir.
- 36:31Form Doğrulama
- HTML'de "required" parametresi, form alanlarının boş geçilmemesini sağlar.
- "Required" parametresi kullanıldığında, form gönderilmeden önce tüm zorunlu alanların doldurulması gerekir.
- Form alanları sıralı olarak kontrol edilir ve boş alanlar için uyarı verilir.
- 38:06Dersin Özeti
- Form nesnesi, check box, radyo butonu ve textbox gibi form elemanları gösterilmiştir.
- İzleyicilerden dersi denemeleri ve bir sonraki derste görüşmek üzere veda edilmiştir.