Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan HTML form etiketleri ve elemanları hakkında kapsamlı bir eğitim dersidir. Eğitmen, kod yazarak pratik örnekler göstermektedir.
- Video, HTML formlarının temel yapısını ve etiketlerini detaylı olarak ele almaktadır. İlk bölümde form takımı açma, action ve method gibi temel kavramlar açıklanırken, devamında input type text, password, email, checkbox, radio button, file, submit, reset, textarea, select ve option gibi form elemanlarının nasıl kullanılacağı örneklerle gösterilmektedir.
- Eğitmen, form elemanlarının form tagları içinde olması gerektiği, radio butonlarının aynı name değerine sahip olması durumunda sadece birinin seçilebileceği ve textarea'nın genişlik-yükseklik değerlerinin nasıl ayarlanacağı gibi önemli bilgileri de paylaşmaktadır. Video, bir sonraki derste örnek uygulamalar yapılacağını belirterek sona ermektedir.
- HTML Form Etkileri Giriş
- Bu derste HTML form etkileri incelenecek, formların nasıl oluşturulacağı gösterilecek.
- Formlar kullanıcının girdiği bilgileri alıp gönder butonuna basıldığında yakalama işlemleri yapar.
- Bu ders temel bir ders olduğu için form içeriğine giren değerleri alma ve ekleme işlemleri detaylı olarak ele alınmayacak.
- 01:07Form Oluşturma Temelleri
- HTML'de form oluşturmak için "form" etiketi kullanılır.
- Form etiketinde "action" özelliği, gönder butonuna basıldığında hangi sayfanın çalıştırılacağını belirtir.
- "method" özelliği, verilerin gizliliği için "get" veya "post" olarak ayarlanabilir.
- 03:20Form Tasarımı
- Form içindeki elemanların hizalanması için "table" etiketi kullanılabilir.
- Tablo içinde "tr" (satır) ve "td" ( hücre) etiketleri ile form elemanları düzenlenebilir.
- Bu derste form elemanlarının nasıl kullanıldığı anlatılacak, bir sonraki derste örnekler yapılacaktır.
- 03:56Input Element Kullanımı
- Input elementi form tagları içinde kullanılmak zorundadır, aksi takdirde gönder butonu çalışmaz.
- Input elementi "type" özelliği ile farklı tiplere sahip olabilir (text, password, email, file vb.).
- Placeholder özelliği, input alanına yer tutucu metin eklemek için kullanılır ve kullanıcı tarafından silinemez.
- 05:49Farklı Input Türleri
- Password türünde input, girilen değerleri yıldızlarla gösterir.
- Email türünde input, girilen değerin e-posta formatına uygun olmasına zorlar.
- Checkbox türünde input, birden fazla seçenek seçilebilmesini sağlar ve "name" özelliği ile gruplandırılabilir.
- 09:39Radio Butonları
- Radio butonları, birden fazla seçenek arasında sadece birini seçilebilmesini sağlar.
- Aynı grup içindeki radio butonları için "name" özelliği aynı olmalıdır.
- Radio butonları "evet/hayır" gibi ikili seçimler için de kullanılabilir.
- 12:10Dosya Yükleme ve Butonlar
- File türünde input, kullanıcıya dosya seçme imkanı sağlar.
- Submit türünde input, formu göndermek için kullanılan bir butondur.
- Reset türünde input, formdaki tüm değerleri temizler.
- 14:43Form İşlevleri
- Submit butonu tetiklendiğinde formun action özelliği belirtilen adrese değerleri gönderir.
- Formda ad, soyad, e-posta gibi inputların boş olup olmadığı kontrol edilir.
- Form verileri yakalandıktan sonra adı boş mu, soyadı dolu mu, e-posta adresi doğru mu gibi kontroller yapılır.
- 15:07Form Eşleme Eğitimi
- Bu eğitim sadece form eşlemesi üzerine odaklanıyor, veritabanına kaydetme, mail gönderme ve kullanıcı bilgilendirmesi gibi konular ayrı eğitimlerde ele alınacak.
- Form gönderme işlemi için "gönder" butonu kullanılır, ancak butona basıldığında sayfanın nereye yönleneceğini belirtmek gerekir.
- Form içeriğindeki butonların (gönder, temizle) form tagları içinde olması çok önemlidir, aksi takdirde butonlar çalışmayacaktır.
- 16:48Form Elemanları ve Özellikleri
- Radyo butonlarında "checked" özelliği kullanılarak varsayılan olarak hangi seçenekin seçili geleceğini belirleyebilirsiniz.
- Textarea elemanı, kullanıcıdan uzun metin almak için kullanılır ve "cols" ve "rows" özellikleri ile genişlik ve yükseklik ayarlanabilir.
- Select ve option elemanları kullanılarak kullanıcıya birden fazla seçenek sunabilirsiniz.
- 23:18Form Elemanlarının Kullanımı
- Form içinde input elemanları kullanılarak kullanıcı adı, şifre, e-posta gibi değerler alınabilir.
- Checkbox elemanları hobiler gibi birden fazla seçeneği seçilebilen durumlarda, radio butonları ise cinsiyet gibi tek bir seçenek seçilebilen durumlarda kullanılır.
- File elemanı dosya seçmek için, select option yapısı ise seçimli işlemler yapmak için kullanılır.
- Form elemanlarının form tagları içinde olması, verilerin gönderilebilmesi ve temizlenmesi için çok önemlidir.