filmov
tv
HTML Dersleri #16 - Formlar
Показать описание
Bu dersimizde #HTML 'de Formlar konusunu öğreneceğiz.
#WebProgramlama derslerimizin başlangıcı olan Sıfırdan İleri Seviyeye #HTML Dersleri ile Web Programlamaya ilk adımı atmış olacaksınız.
Kodlama Vakti Kanalına Hoşgeldiniz !
🔔Abone Olmayı Unutmayın🔔
Bir çok site gördüğünüz formlar, HTML'in ve site tasarlamanın en önemli konularından biridir. Sitelerde ki formlar yardımıyla kullanıcı ile etkileşim sağlanıyor, kullanıcıdan veriler alınıyor ve işleniyor. Bir siteye giriş yaparken, bir sipariş verirken neredeyse tüm etkileşimlerde formlar kullanılmaktadır.
HTML'de form oluşturmak için form etiketini kullanırız daha sonrasında içine form elemanları yazarız. Bu form elemanları metin kutuları,seçim kutuları, onay kutuları, radyo düğmeleri, gönderme düğmeleri vb. farklı türde öğeler bulunur.
Input Etiketi
Input etiketi , form etiketinin en önemli elemanıdır. input etiketi, type parametresine bağlı olarak farklı çeşitli şekillerde görüntülenir.
Metin Alanı (Input Fields)
HTML formlarda sıklıkla gördüğümüz tek satırlık metin alanlarını input etiketinin type parametresine text değerini vererek oluşturuyoruz.
Label öğesi ayrıca çok küçük bölgelere (radyo düğmeleri veya onay kutuları gibi) tıklamakta zorluk çeken kullanıcılara da yardımcı olur - çünkü kullanıcı label öğesindeki metni tıklattığında radyo düğmesini / onay kutusunu değiştirir.
Label etiketinin for parametresi, onları birbirine bağlamak için input öğesinin id parametresine eşit olmalıdır.
Radyo Düğmeleri (Radio Buttons)
Radyo düğmeleri kullanıcının sınırlı sayıda seçenekten bir tanesini seçmesine olanak tanır. Bu etiket kullanıcıya sunulan seçenekten bir tanesini seçmesini sağlar ve HTML Formlarda sıklıkla kullanılan bir etikettir.
Onay Kutuları (Checkboxes)
Onay kutuları yani "Checkboxes" kullanıcının sınırlı sayıdaki seçeneklerden bir veya birden fazlasını seçmesine yaramaktadır.Bu etiket kullanıcıya sunulan seçenekten bir veya birden fazlasını seçmesini sağlar ve HTML Formlarda onay kutuları sıklıkla kullanılan bir etikettir.
Form Action Parametresi
Action özelliği, form gönderildiğinde gerçekleştirilecek eylemi tanımlar.Genellikle, kullanıcı gönder düğmesini tıklattığında form verileri sunucudaki bir sayfaya gönderilir. Yani formun gönder butonuna basıldığında formdaki verilerin hangi sayfaya gideceğini belirtir.
Eğer action parametresi girilmez ise, form kendi bulunduğu sayfaya verileri gönderir.
Form Target Parametresi
Target parametresi, gönderilen form verilerinin yeni bir tarayıcı sekmesinde mi, bir çerçevede mi yoksa geçerli pencerede mi açılacağını belirtir. Bu önceden öğrendiğimiz a etiketinde kullanılan target ile aynı amaçla kullanılır.
Varsayılan değer "_self" şeklindedir, bu da formun geçerli pencerede gönderileceği anlamına gelir.
Form sonucunu yeni bir tarayıcı sekmesinde açmak için "_blank" değerini kullanılır.
Form Method Parametresi
Method parametresi, form verileri gönderilirken kullanılacak HTTP yöntemini (GET veya POST) belirtir.
Ne zaman GET parametresi kullanılır ?
Form verileri gönderilirken varsayılan HTTP yöntemi GET'dir. Ancak, GET kullanıldığında form verileri sayfanın adres alanında görünür olacaktır:
Örnek:
GET Özellikleri;
URL'ye form verilerini ad/değer çiftleriyle ekler
Bir URL'nin uzunluğu sınırlıdır (2048 karakter)
Hassas verileri göndermek için asla GET kullanmayın! (URL'de görünür olacak)
Kullanıcının sonuca yer işareti koymak istediği form gönderimleri için kullanışlıdır.
Ne zaman POST parametresi kullanılır ?
Formlar verileri hassas veya kişisel bilgiler içeriyorsa her zaman POST kullanın. POST yöntemi, form verilerini sayfa adresi alanında görüntülenmez ve gizli şekilde yollar.
POST Özellikleri;
POST'un boyut sınırlaması yoktur ve büyük miktarda veri göndermek için kullanılabilir.
POST ile form gönderimleri yer imi olarak işaretlenemez
Name Parametresi
Her gönderilen form etiketi için bir name parametresi olmalıdır. Name parametresi o form elemanının kimliğini belirler.
Name parametresi girilmez ise o form elemanı gönderilmez.
Kodlama Vakti ekibi olarak , programlamanın herkes tarafından öğrenilebilir olduğunu takipçilerimize benimsetmek olup , kanalımızda ki eğitimler özenle hazırlanmaktadır ve tamamen ücretsizdir! Vakit Kodlama Vaktidir !
Eğitimlerimizin size yararlı olduğunu düşünüyor ve beğeniyorsanız videoyu beğenmeyi , kanalımıza abone olmayı unutmayın.
#WebProgramlama derslerimizin başlangıcı olan Sıfırdan İleri Seviyeye #HTML Dersleri ile Web Programlamaya ilk adımı atmış olacaksınız.
Kodlama Vakti Kanalına Hoşgeldiniz !
🔔Abone Olmayı Unutmayın🔔
Bir çok site gördüğünüz formlar, HTML'in ve site tasarlamanın en önemli konularından biridir. Sitelerde ki formlar yardımıyla kullanıcı ile etkileşim sağlanıyor, kullanıcıdan veriler alınıyor ve işleniyor. Bir siteye giriş yaparken, bir sipariş verirken neredeyse tüm etkileşimlerde formlar kullanılmaktadır.
HTML'de form oluşturmak için form etiketini kullanırız daha sonrasında içine form elemanları yazarız. Bu form elemanları metin kutuları,seçim kutuları, onay kutuları, radyo düğmeleri, gönderme düğmeleri vb. farklı türde öğeler bulunur.
Input Etiketi
Input etiketi , form etiketinin en önemli elemanıdır. input etiketi, type parametresine bağlı olarak farklı çeşitli şekillerde görüntülenir.
Metin Alanı (Input Fields)
HTML formlarda sıklıkla gördüğümüz tek satırlık metin alanlarını input etiketinin type parametresine text değerini vererek oluşturuyoruz.
Label öğesi ayrıca çok küçük bölgelere (radyo düğmeleri veya onay kutuları gibi) tıklamakta zorluk çeken kullanıcılara da yardımcı olur - çünkü kullanıcı label öğesindeki metni tıklattığında radyo düğmesini / onay kutusunu değiştirir.
Label etiketinin for parametresi, onları birbirine bağlamak için input öğesinin id parametresine eşit olmalıdır.
Radyo Düğmeleri (Radio Buttons)
Radyo düğmeleri kullanıcının sınırlı sayıda seçenekten bir tanesini seçmesine olanak tanır. Bu etiket kullanıcıya sunulan seçenekten bir tanesini seçmesini sağlar ve HTML Formlarda sıklıkla kullanılan bir etikettir.
Onay Kutuları (Checkboxes)
Onay kutuları yani "Checkboxes" kullanıcının sınırlı sayıdaki seçeneklerden bir veya birden fazlasını seçmesine yaramaktadır.Bu etiket kullanıcıya sunulan seçenekten bir veya birden fazlasını seçmesini sağlar ve HTML Formlarda onay kutuları sıklıkla kullanılan bir etikettir.
Form Action Parametresi
Action özelliği, form gönderildiğinde gerçekleştirilecek eylemi tanımlar.Genellikle, kullanıcı gönder düğmesini tıklattığında form verileri sunucudaki bir sayfaya gönderilir. Yani formun gönder butonuna basıldığında formdaki verilerin hangi sayfaya gideceğini belirtir.
Eğer action parametresi girilmez ise, form kendi bulunduğu sayfaya verileri gönderir.
Form Target Parametresi
Target parametresi, gönderilen form verilerinin yeni bir tarayıcı sekmesinde mi, bir çerçevede mi yoksa geçerli pencerede mi açılacağını belirtir. Bu önceden öğrendiğimiz a etiketinde kullanılan target ile aynı amaçla kullanılır.
Varsayılan değer "_self" şeklindedir, bu da formun geçerli pencerede gönderileceği anlamına gelir.
Form sonucunu yeni bir tarayıcı sekmesinde açmak için "_blank" değerini kullanılır.
Form Method Parametresi
Method parametresi, form verileri gönderilirken kullanılacak HTTP yöntemini (GET veya POST) belirtir.
Ne zaman GET parametresi kullanılır ?
Form verileri gönderilirken varsayılan HTTP yöntemi GET'dir. Ancak, GET kullanıldığında form verileri sayfanın adres alanında görünür olacaktır:
Örnek:
GET Özellikleri;
URL'ye form verilerini ad/değer çiftleriyle ekler
Bir URL'nin uzunluğu sınırlıdır (2048 karakter)
Hassas verileri göndermek için asla GET kullanmayın! (URL'de görünür olacak)
Kullanıcının sonuca yer işareti koymak istediği form gönderimleri için kullanışlıdır.
Ne zaman POST parametresi kullanılır ?
Formlar verileri hassas veya kişisel bilgiler içeriyorsa her zaman POST kullanın. POST yöntemi, form verilerini sayfa adresi alanında görüntülenmez ve gizli şekilde yollar.
POST Özellikleri;
POST'un boyut sınırlaması yoktur ve büyük miktarda veri göndermek için kullanılabilir.
POST ile form gönderimleri yer imi olarak işaretlenemez
Name Parametresi
Her gönderilen form etiketi için bir name parametresi olmalıdır. Name parametresi o form elemanının kimliğini belirler.
Name parametresi girilmez ise o form elemanı gönderilmez.
Kodlama Vakti ekibi olarak , programlamanın herkes tarafından öğrenilebilir olduğunu takipçilerimize benimsetmek olup , kanalımızda ki eğitimler özenle hazırlanmaktadır ve tamamen ücretsizdir! Vakit Kodlama Vaktidir !
Eğitimlerimizin size yararlı olduğunu düşünüyor ve beğeniyorsanız videoyu beğenmeyi , kanalımıza abone olmayı unutmayın.
0:21:59
HTML Dersleri #16 - Formlar
0:03:37
HTML DERSLERİ | Ders 16-Form Etiketi 3
0:24:51
17 - Form Etiketi | Form Oluşturma | HTML Dersleri
0:02:56
HTML Dersleri 16 - Form Elemanları 2 | Görkemli Yazılım
0:12:10
HTML Dersleri - 16 》 form elementleri - input / type radio , checkbox
0:07:43
Html Dersleri - Ders 16: Html Çerçeveler
0:07:33
16)HTML Dersleri | Form Etiketi Uygulaması
0:12:42
HTML Dersleri #18 - Formlar Input Türleri
0:06:33
HTML Dersleri 16 - Farklı Cihaz Boyutlarına Göre Farklı Görseller Eklemek - picture etiketi
0:10:16
HTML Dersleri #17 - Form Elemanları
0:14:13
16- Div Etiketi | Önemli Ders | HTML Dersleri
0:21:46
Form Etiketi - Form Oluşturma ( HTML - CSS ) ( 16. Ders )
0:16:31
16. HTML Dersleri / HTML Nasıl Kullanılır? Ders-16 (2022 HTML Form Etiketleri-2)
0:23:35
HTML Dersleri -13 / Form Etiketleri (Bölüm 1)
0:24:09
Html Dersleri Form oluşturma ve Form Etiketleri
0:04:15
Html Dersleri 16. Html5 Semantic yapısı ve yeni Html5 etiketleri. Html5 Eğitimleri
0:25:29
Html Dersleri - Ders 15: Html Formlar
0:22:11
Html Form Etiketleri - Html Ders 15
0:01:33
16.Ders- Tema Düzeni | HTML Kursu (HTML Dersleri)
0:20:37
#20 HTML5 Formlar ve Form Etiketleri [HTML, CSS, Flexbox , Bootstrap Eğitim Dersleri ]
0:15:30
16- Form Elemanları 2 | HTML DERSLERİ
0:55:04
HTML Dersleri #16
0:10:29
HTML5/CSS3/JavaScript Dersleri - Ders 16 - HTML5 ve Web Uygulamaları, Form Elemanları, autocomplete...
0:23:19
HTML Dersleri 16 - İnput Text, Placeholder Yazımı
Комментарии