HTML formları, kullanıcılarla etkileşim kurmak için çok güçlü bir araçtır, ancak teknik nedenlerden dolayı, bunların tam potansiyelleriyle nasıl kullanılacağı her zaman açık değildir. Bu durumda sadece veri göndermek yeterli değildir - ayrıca, kullanıcıların formlara doldurdukları verilerin başarılı bir şekilde işlenmesi için gereken doğru formatta gönderildiğinden ve bunun mevcut uygulamaları bozmayacağından emin olmanız gerekir. Kullanıcıların formları doğru doldurmalarına ve uygulamaları kullanmaya çalışırken hayal kırıklığına uğramamalarına yardımcı olmak da önemlidir.
Etiket, bir HTML formu oluşturmak için kullanılır. Aslında bir kenar boşluğu oluşturmaz, ancak gibi öğeler için bir üst kapsayıcı olarak kullanılır. İster düzenli ödeme ve ödeme ile basit bir abonelik formu ya da etkileşimli web uygulamaları yapmak istiyorsanız, çalışmak için HTML öğesi etiketlerini kullanmanız gerekecek, bunlardan en önemlisi.
Ne kadar standartHTML Formları
HTML formları, eşzamansız JavaScript ve karmaşık web uygulamalarının ortaya çıkmasından önce icat edildi ve büyük ölçüde standartlaştırıldı. Günümüzde form girdileri, düğmeler ve diğer etkileşim mekanizmaları kullanılmaktadır, ancak bunun özünde HTTP istek ve yanıt paradigmasına dayalı bir sistem vardır.
Bir kullanıcı bir sayfa yüklediğinde, bir http isteği gönderilir (genellikle GET isteği olarak adlandırılır). Tarayıcınız tarafından sunucuya gönderilir ve genellikle sunucu, kullanıcının aradığı web sayfası ile yanıt verir. Bu etkileşim internetin en temel kavramlarından biridir. Bu da HTML formlarının tam olarak nasıl çalıştığını açıklıyor.
Sunucu ile bilgi alışverişi süreci
gibi öğeleri içeren her, içeride bulunur ve bir ad özniteliğine (ad) ve değerine sahiptir. Değer farklı şekillerde tanımlanır. Metin için bu, site kullanıcısı tarafından alana girilen değer olacaktır. Bir radyo düğmesi için seçilen seçeneğin değeri. Kullanıcı değeri ayarlayabilir, ancak çoğu zaman name niteliğini ayarlayamaz. Bu, değerlerin kullanıcı girişi ile belirlendiği bir dizi ad/değer çifti oluşturur.
Bir form ile normal bir HTML belgesi arasındaki temel fark, çoğu durumda bir form tarafından toplanan verilerin bir web sunucusuna gönderilmesidir. Bu durumda, verileri almak ve işlemek için bir web sunucusu kurmanız gerekir. etiket eylemi özelliğitoplanan verilerin gönderileceği konumu (URL) belirtir.
Sunucu yanıtı neye benziyor
Form gönderildiğinde, ad-değer çiftleri ve öğe içindeki tüm alanlar HTTP'ye dahil edilir. Action niteliği biçiminde belirtilen URL'ye bir istek yapılır. İstek türü (GET veya POST) yöntem özniteliğinde olacaktır. Bu, kullanıcı tarafından sağlanan tüm verilerin, form gönderilir gönderilmez sunucuya gönderildiği ve sunucunun bu verilerle istediğini yapabileceği anlamına gelir. Sunucu bir form gönderimi aldığında, ona diğer HTTP istekleri gibi davranır. Sunucu, dahil edilen verilerle ne yapması gerekiyorsa yapar ve tarayıcıya bir yanıt verir.
Sayfayı yüklemenin yanıt olduğunu hatırlıyorsanız, burada da aynı şeyin olduğunu fark edeceksiniz. Etiketle oluşturulan tipik bir biçimde yanıt, tarayıcı tarafından yüklenen yeni bir sayfadır. Tipik olarak, yeni sayfa mevcut içeriğin yerini alır, ancak bu, hedef özniteliği ile geçersiz kılınabilir. Çevrimiçi formların büyük çoğunluğu bu şekilde çalışır, bu nedenle kullanıcı bir e-posta abonelik formu doldurduğunda bir Teşekkür sayfasına gönderilir.
Etiketsiz web uygulamaları ve formlar
Modern etkileşimli web uygulamaları, eşzamansız http istekleri yapmak için JavaScript kodunu kullanır. Bunlar, sayfanın yeniden yüklenmesine neden olmayan sunucuya yapılan çağrılardır. Davranışa yerleşik bir HTML öğesi olan bir etikete güvenmezler. Tüm verileri tek bir bütün halinde birleştirmezler.kullanın ve bunları hemen göndermeyin. Bu nedenle web uygulamalarında birçok HTML + JS layout tasarımcısı etiketi tüm formlarda kullanmaz. Daha sık olarak, onu çeşitli girdi alanları ve öğeleri için bir tür kap olarak kullanırlar. Bu durumda, kullanılan yöntem ve eylem öznitelikleri görünmeyecektir.
Formlar hakkında daha fazla bilgi
HTML formları, bir kullanıcının bir web sitesi veya uygulamayla etkileşiminin öne çıkan özelliklerinden biridir. Kullanıcıların siteye veri göndermesine izin verirler. Çoğu zaman, veriler web sunucusuna gönderilir, ancak web sayfası da kendi başına kullanmak için araya girebilir. Formla ilgili birçok öğe vardır - farklı türde düğmeler, farklı türler için seçiciler, geri bildirim mekanizmaları. Bu nedenle, etiket özelliklerine hangi değerlerin atanacağına karar vermek zor olabilir. Form oluşturmaya gelince, onları farklı ekran boyutlarında çalıştırmanız gerekir. Bunları engelliler için erişilebilir kılmak önemlidir. Bu nedenle formlar ve nitelik etiketleri HTML'nin belki de en karmaşık yönüdür.
Şekil nelerden oluşur
HTML formu bir veya daha fazla widget'tan oluşur. Tek satırlı veya çok satırlı metin alanları, seçim kutuları, düğmeler veya radyo düğmeleri olabilirler. Genellikle amaçlarını tanımlayan bir öznitelikle ilişkilendirilirler - düzgün bir şekilde uygulandığında, hem gören hem de görme engelli kullanıcılara giriş formuna nasıl ulaşılacağı konusunda açık bir şekilde talimat verebilirler. Bağlanmaksırasıyla for ve id nitelikleriyle doğru şekilde ilişkilendirilir. for etiketi daha sonra ilgili pencere öğesinin id niteliğine atıfta bulunur ve onu kullanan ekran okuyucu, içinde yazılanları okuyacaktır.
Etikete özel yapıların yanı sıra, formların yalnızca HTML kodu olduğunu hatırlamak önemlidir. Bu, formlarınızı yapılandırmak için HTML'nin tüm gücünü kullanabileceğiniz anlamına gelir. Yaygın bir uygulama,ile etiketlenmiş öğeleri sarmak için etiketi kullanmaktır.
. HTML listeleri de yaygın olarak kullanılmaktadır; yapılandırma için birden çok onay kutusu veya radyo düğmesi kullanılır. Giriş alanlarını oluşturduktan sonra, etiketi kullanarak bir buton eklemek ve sonucu kontrol etmek kalır. HTML formlarının esnekliği, onları HTML formatındaki en karmaşık yapılardan biri yapar. Ancak bir HTML formu oluştururken doğru yapı ile hem kullanılabilir hem de erişilebilir olmasını sağlayabilirsiniz.
