Bu kursta, HTML formları anlaşılması kolay parçalara ayrılmıştır. Sonraki birkaç modülde, bir HTML formunun nasıl çalıştığını ve bunları projelerinizde etkin bir şekilde nasıl kullanacağınızı öğreneceksiniz. Modüller arasında gezinmek için Form Öğren logosunun yanındaki menü bölmesini kullanın.
Temel bir HTML formu oluşturmayı, HTML form öğeleri oluşturmayı, formların stilini ayarlamayı, kullanıcıların verileri yeniden girmesine yardımcı olmayı, formun erişilebilir ve güvenli olmasını sağlamayı, formlarınızı nasıl test edeceğinizi ve belirli form türleri hakkında bilgi edineceksiniz.
Her modülde, bilginizi sınamanız için etkileşimli demolar ve kendi kendine değerlendirme bölümleri bulunur.
Bu kurs yeni başlayanlar ve ileri düzey HTML geliştiricileri için uygundur. İlk birkaç modül HTML formları oluşturmaya başlamanıza yardımcı olur, diğer modüller daha ayrıntılı bilgi verir. HTML formları hakkında genel bilgi edinmek için seriyi baştan sona inceleyebilir veya hakkında daha fazla bilgi edinmek istediğiniz belirli bir modülü seçebilirsiniz.
Ön koşullar
Bu kursa başlamadan önce HTML hakkında bilgi sahibi olmanız gerekir. Web geliştirmede yeni olanlar, işaretlemenin nasıl yazılacağı hakkında tüm bilgileri öğrenmek için MDN'nin HTML'ye giriş kursunu inceleyebilir.
Demolar
Çoğu demo için CodePen kullanırız.
Demolara bakarken stillerin nereden geldiğini merak ediyor olabilirsiniz. Tüm demolarda bulunan genel bir stil sayfası kullandığımız için burada yalnızca alakalı stiller görünür. CodePen'de, Ayarlar'dan dahil edilen CSS dosyalarını seçebilirsiniz.
Form kontrolleri ve form alanları
Form kontrolü, kullanıcı etkileşimini ve veri girişini veya seçimini sağlayan bir öğedir: <input>, <select>, <textarea> veya <button>.
Bazen form alanı, form kontrollerini, özellikle de metin girişi öğelerini ifade etmek için kullanılır: <input> ve <textarea>.
Öğrenecekleriniz
Kullanıcılardan veri almak için formları kullanma
Form öğesine giriş niteliğindeki bu bilgilerle web'de form kullanmayla ilgili temel bilgileri öğrenin.
Kullanıcıların formlara veri girmelerine yardımcı olma
Formunuzu oluşturmak için seçebileceğiniz çeşitli form öğelerine genel bakış.
Kullanıcıların formlara verileri yeniden girmesini önlemeye yardımcı olun
Kullanıcıların formları daha kolay doldurmasını sağlayın.
Kullanıcıların formlara doğru verileri girmelerine yardımcı olun
Formlarınızı ön uçta nasıl doğrulayacağınızı öğrenin.
Formlarınızı test etme
Formlarınızı nasıl test edeceğinizi ve analiz edeceğinizi öğrenin.
Tasarımla ilgili temel bilgiler
Kullanıcı dostu formları nasıl oluşturacağınızı öğrenin.
Erişilebilirlik
Kapsayıcı formlar nasıl oluşturulur?
Uluslararası hale getirme ve yerelleştirme
Uluslararası veri biçimlerine hazırlıklı olun ve formunuzu yerelleştirme için nasıl planlayacağınızı öğrenin.
Güvenlik ve gizlilik
Formlarınızı nasıl güvenli hale getireceğinizi ve kullanıcılarınızın verilerini nasıl gizli tutacağınızı öğrenin.
Otomatik doldurma
Otomatik doldurma ve otomatik tamamlama özelliği hakkında her şeyi öğrenin.
Formları kullanılabilirlik açısından test etme
Kullanılabilirlik testi yapmayı ve formunuzun tüm kullanıcılarınız için düzgün çalıştığından nasıl emin olacağınızı keşfedin.
Formları farklı cihaz ve platformlarda test etme
Formunuzun farklı cihazlar, tarayıcılar, platformlar ve farklı bağlamlarda çalıştığından emin olun.
Veri toplama
Formunuzu nasıl ölçeceğinizi ve analiz edeceğinizi öğrenin.
Ayrıntılı form öğesi
Form öğesi, formu ne zaman kullanmanız gerektiği ve formun nasıl çalıştığıyla ilgili ayrıntılı bilgi edinin.
Ayrıntılı form alanları
Kullanabileceğiniz farklı form alanları ve doğru form öğesini nasıl seçeceğiniz hakkında bilgi edinin.
Ayrıntılı form özellikleri
Form özellikleriyle ilgili her şeyi öğrenin: Dokunmatik klavyelerin düzenini değiştirme, yerleşik doğrulamayı etkinleştirme ve daha fazlası.
Formların stilini belirleme
Formların herkes için kullanılabilir ve okunabilir olduğundan emin olarak CSS kullanarak biçimlendirin.
Form kontrollerinin stilini belirleme
CSS ile form kontrollerini nasıl uygulayacağınızı öğrenin.
JavaScript
Formlarınızı geliştirmek için JavaScript'i nasıl kullanacağınızı öğrenin.
Ödeme formları
Daha iyi ödeme şekilleri oluşturarak dönüşüm oranlarını iyileştirin.
Adres formları
Kullanıcıların adres formlarını hızlı ve kolay bir şekilde doldurmasına yardımcı olun.
Sonuç ve sonraki adımlar
Sonraki adımlarınızı atmanıza yardımcı olacak diğer kaynaklar.
Peki, formlar hakkında bilgi edinmeye hazır mısınız? Haydi başlayalım.