HTML5 - Gelişmiş Formlar

İçindekiler
Veri kodlamasını ayarlama
Formların kullanıcıdan topladıkları verileri http protokolü üzerinden yeni bir sayfaya veya kendisine aşağıdaki yöntemlerden herhangi birini kullanarak gönderdiğini biliyoruz. ELDE ETMEK veya İLETİ. Verileri göndermek için kodlamanın birkaç yolu vardır. http, olası kodlama türleri aşağıdaki gibidir:
  • application / x-www-form-urlencoding: Bu, kullanılan varsayılan yöntemdir, sunucuya dosya yüklemek için kullanılamaz.
  • çok parçalı / form-veri: Bu yöntem, dosyaları sunucuya yüklemek için kullanılır.
  • metin / düz: Bu yöntem tarayıcıya bağlıdır, her biri ona farklı davranır.

Yöntemler arasındaki farkı biraz daha görmek için, farklı davranışları görebilmemiz için en az iki alanlı bir form oluşturmalıyız.
Oluşturulacak formu görelim:
 Örnek Gönder Oy 

kodlama application / x-www-form-urlencoding varsayılan olarak uygulanandır, bu genel bir kullanım kodlamasıdır, dosya yüklemelerini işlemek dışında her şey için kullanılır, özelliği parametreleri iletmek için URL biçimini kullanmasıdır, böylece formumuz gönderildiğinde Sonraki'yi gönderir. bilgi:
 favori = Elmalar ve isim = Leon + Ramirez 

Kullanıcı tarafından girilen değerlerin alanlarımızın isimlerine atandığını, özel karakterlerin HTML varlığında bir eşdeğeri ile değiştirileceğini ve her bir değer çiftinin bir ile ayrıldığını görüyoruz. & bu şekilde sırada hangi alanın olduğunu biliyoruz.
kodlama çok parçalı / form-veri Çok daha karmaşıktır ve çok daha fazla öğeyi işler, çünkü dosyaları yüklemek için kullanılandır, bu nedenle bir dosyanın bilgilerini görüntü olarak göndermesi gerekir ve bunun için şu yapıya sahiptir:
 ------ WebKitFormBoundary2qgCsuH4ohZ5eObF İçerik Düzeni: form-veri; name = "fave" Apple ------ WebKitFormBoundary2qgCsuH4ohZ5eObF Content-Disposition: form-data; isim = "isim" Leon Ramirez ------ WebKitFormBoundary2qgCsuH4ohZ5eObF-- favori = Elma ismi = Leon Ramirez 

kodlama metin / düzHer tarayıcı tarafından farklı bir şekilde işlenir ve kontrollü bir ortamda belirli bir uygulama olmadığı sürece yaygın olarak kullanılmaz.
Otomatik tamamlama özelliği
Bu özellik, ad ve soyad veya e-posta gibi bir formda en çok tekrarlanan verileri girmekten hoşlanmayan birçok kişi için yararlıdır, ancak bunun gibi çok daha hassas uygulamalar vardır. internet bankacılığı verilerimizin tanıtımında maksimum gizliliğe ihtiyaç duyduğumuz yer.
Bunu kontrol etmek için özniteliği ele alıyoruz otomatik tamamlama, bu form düzeyinde veya düzeyinde gidebilir giriş, ve iki değeri vardır üzerinde Y kapalı, yani açık veya kapalı, açıkken zaten çıkarmış olabileceğiniz gibi üzerinde tarayıcının, kullanıcının daha önce benzer formlarda veya görüntülemekte olduğu formda girdiği verileri önermesine olanak tanır. kapalı herhangi bir öneri sunmaz. Çok basit iki örnekle uygulamasını görelim.
 Örnek Gönder Oy 

 Örnek Gönder Oy 

İlk örneğimizde onu tüm formdan nasıl çıkardığımızı görüyoruz ve ikinci örnekte onu tüm formdan nasıl çıkardığımızı görüyoruz, sadece ilk örneğimizde. giriş onu etkinleştirirsek, tersini de yapabilir ve tüm form için etkinleştirebilir ve belirli bir alanı devre dışı bırakabiliriz.
Bununla, verileri göndermek için dahili olarak nasıl çalıştıklarını bilmenin yanı sıra, formları biraz daha karmaşık hale getirme bilgisine sahip olarak bu öğreticiyi sonlandırıyoruz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave