HTML5 - Form Oluşturma

Formlar, diğer alt öğeler aracılığıyla verilerin toplanmasına izin veren HTML 5'teki öğelerdir, bu verileri işlemek için form tarafından gönderilen verileri kullanabilmek için ek bir dile ihtiyacımız olacak, etiket olarak kullanacağız. büyük konteyner olacak biçim.
Temel bir form oluşturun
Bir form oluşturmak için etiketi kullanmalıyız biçim Bu bizim harika kapsayıcımız olacak, içinde veri girişi öğelerini, bölüm adlarını ve belirli bir eylemi gösterecek butonları gruplayacağız; içine girmesi gereken temel bileşenler biçim NS: giriş Y buton ve taşıdığı temel nitelikler eylem Y yöntem Bunlar sadece ilgili unsurlar değil, aynı zamanda çalışmamız gereken temeli tanımladıkları için en önemlileridir.
Aşağıda temel bir formun nasıl oluşturulacağını görelim:

 Örnek Gönder Oy 

Gördüğümüz gibi biçim unsurları kapsar giriş Y buton. Bu durumda, öznitelikleri de kullanır. yöntem Y eylem daha önce bahsettiğimiz, her birini tanımlayalım.

• Giriş: Bu öğe, sayfamızın kullanıcısının metin biçiminde gireceği bilgileri yakalamamızı sağlar, yalnızca kullandığımız örneğimizde birkaç özelliği vardır. tatlı patates, bu öznitelik, öğeye bir tanımlayıcı atamaya izin verir, bu, onu sunucuya gönderdiğimizde, yakalanan bilgileri elde etmek için bazı yöntemleri kullanabileceğimiz anlamına gelir, bu nedenle, tatlı patates bir form içinde benzersiz olun.

• Buton: Bu eleman form üzerinde bir buton oluşturmamızı sağlar, genellikle butonlar bize onlara bastığımızda formun işleneceğini söyleyenlerdir, örneğimizde herhangi bir nitelik koymuyoruz, bu yüzden basın bir şey olmaz.

• Yöntem: Etiketin bir özelliğidir biçim, Form tarafından toplanan kullanıcı bilgilerinin nasıl iletileceğini kimin belirttiği hayati önem taşımaktadır, iki değere sahip olabilir. İLETİ Y ELDE ETMEK.

İlki verileri http üzerinden gönderecek, böylece verileri gizli bir şekilde gönderebilelim ve sadece hedef sayfa bunu alabilir, bu yöntem oldukça güvenlidir ve formun hassas verilerini göndermemize izin verir.
İkincisi, verileri url'de parametre olarak gönderir, çok güvenli değildir çünkü minimum bilgiye sahip herkes gönderileni yorumlayabilir ve belki de bilgileri değiştirmeye çalışabilir, genellikle az hassas verileri iletmek için kullanılır, listeleme sayfası, programı etkilemeyen kontrol durumu, sorgu kimlikleri vb.

• Eylem: Bu öznitelik, formun hangi sayfaya gideceğini yani verileri kimin alacağını kontrol eder, eğer form atlanırsa, onu içeren aynı sayfaya gönderilir.

Şimdi temel örneğimizin bizim için neler ürettiğini görelim.

Gördüğümüz gibi, bu bir metin giriş alanı ve ek bir şey olmayan bir düğme, bu, onu bir programlama dili ile işleyebileceğimiz başka bir sayfaya göndermemizi sağlıyor.
Bununla öğreticiyi bitiriyoruz, temel formların nasıl oluşturulacağı, hangi öğelerin gerekli olduğu ve niteliklerinin amacı hakkında zaten bir fikrimiz var.
Daha derine inmekle ilgileniyorsanız, diğer Eğitimime bir göz atın:
HTML5'te Gelişmiş FormlarBu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.