Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- "Konu Vakit" kanalında yayınlanan bu eğitim videosunda, bir eğitmen HTML'de formların kullanımını ve çalışma prensiplerini anlatmaktadır.
- Video, formların ne olduğunu açıklayarak başlıyor ve form oluşturma etiketini (form) tanıtıyor. Ardından form elemanları detaylı şekilde inceleniyor: metin kutuları, label etiketleri, radio butonları ve onay kutuları. İkinci bölümde ise checkbox input türünün özellikleri, submit butonu kullanımı, form action özelliği ve form metodu (get ve post) pratik örneklerle açıklanıyor.
- Eğitmen, her konuyu adım adım göstererek form verilerinin nasıl gönderildiğini ve programcılar tarafından nasıl alınacağını açıklamakta, video bir sonraki derste input türlerinin genişletileceği bilgisiyle sonlanmaktadır.
- 00:10HTML'de Formlar Konusuna Giriş
- HTML'de forumlar, kullanıcıdan etkileşim almak için yapılan önemli bir yapıdır.
- Formlar, sipariş bilgileri, adres ve kredi kartı bilgileri gibi kullanıcıdan veri almak için kullanılır.
- Web siteleri kullanıcıyla iletişime giren yapılar olduğundan, formlar HTML'de çok önemli bir yere sahiptir.
- 01:18Form Oluşturma
- Form oluşturmak için "form" adında bir etiket kullanılır ve bu etiket formun özelliklerini belirler.
- Form etiketi içi boş gelir ve içine metin kutuları, seçim kutuları, onay kutuları, radyo düğmeleri ve gönder butonu gibi öğeler eklenir.
- 02:16Input Etiketleri
- Input etiketleri, kullanıcıdan veri almak için kullanılan girdi elemanlarıdır.
- Metin kutusu (text) oluşturmak için "input type='text'" kullanılır.
- Label etiketi, input'ların konusunu tanımlamak için kullanılır ve "for" parametresi ile ilgili input'u belirtir.
- 04:22Label ve Input İlişkisi
- Label'lar, formlarda input'ların konusunu tanımlamak için kullanılır.
- Label'ın hangi inputta ait olduğunu belirlemek için "for" parametresi kullanılır ve input'a benzersiz bir id verilir.
- Label'a tıklandığında, ilgili input otomatik olarak seçili hale gelir.
- 06:40Radio Butonlar
- Radio butonlar, kullanıcıdan iki seçenekten birini seçmesini isteyen input türleridir.
- Radio butonlar için "input type='radio'" kullanılır.
- Birden fazla radio butonu aynı "name" parametresine sahip olmalıdır, aksi takdirde sadece biri seçilebilir.
- 09:31Onay Kutuları
- Onay kutuları (checkbox), birden fazla seçenek seçmesini isteyen input türleridir.
- Onay kutuları için "input type='checkbox'" kullanılır.
- Onay kutuları, label ile birlikte kullanılarak kullanıcıya seçenekler sunulur.
- 10:45HTML Form Elemanları ve Özellikleri
- HTML'de birden fazla seçenek sunan input türleri (checkbox) kullanılır ve bu seçenekler form gönderildiğinde programcıya değer olarak gönderilir.
- Checkbox'lara "value" ve "name" özellikleri verilir; "value" form gönderildiğinde programcıya gönderilecek değeri, "name" ise input'a verilen isimdir.
- Form göndermek için "input type" özelliği "submit" olarak ayarlanmalı ve butonun değeri "value" özelliği ile değiştirilebilir.
- 14:03Form Gönderme ve Veri İşleme
- Form gönderildiğinde, checkbox'ların "value" ve "name" özellikleri programcıya gönderilir ve dinamik programlama dilleriyle bu değerler alınabilir.
- Kullanıcıdan veri almak için "input type text" kullanılır ve bu input'a "value" değeri verilmez.
- Form gönderildiğinde, formun action özelliği ile verilerin hangi dosyaya gönderileceği belirlenir.
- 17:25Form Metotları
- Formların metodu varsayılan olarak "get" olarak ayarlanır ve bu durumda bilgiler URL adresi ile taşınır.
- "Post" metodu daha güvenli ve uzun verileri taşımayı sağlar, veriler arka planda şifrelenmiş ve protokol ile taşınır.
- Form metotları dinamik programlama dilleriyle veri işleme için kullanılır.