✅ HTML5'teki Formlar - Yeni Veri Türleri

İçindekiler

HTML'nin önceki sürümü yani 4'te yaşadığımız sorunlardan biri de doğrulamaydı çünkü doğrulaması için başka bir teknoloji kullanmak zorunda kaldık, tabii ki Javascript ile bu formlara eksik olanı vermek için ihtiyacımız olan dokunuşu verdik. .
HTML5'te bu, kendi doğrulaması için bazı büyük iyileştirmeler ve daha çekici görünmesi için kendi içinde kolay kullanımı için bazı büyük iyileştirmeler yapıldığından beri çözüldü.
Bu bölümde, HTML5'teki formların yeni özelliklerinin küçük bir örneğini göreceğiz. Ve yeni özelliklerinin bugünün web'i için çok önemli olduğunu anlayacağız.
Şimdi, tüm tarayıcıların bu yeni özellikleri desteklemediğini ve sonuçları kendi yöntemleriyle gösterenlerin bunu desteklemediğini unutmayın, ancak başlayalım:
Hepimiz biliyoruz ki etiket, kullanıcının veri girebileceği bir giriş alanı belirtir. Eh, HTML5'te birkaç girdi türü veya olduğunu görüyoruz. Bu yeni özellikler, daha iyi giriş ve doğrulama kontrolü sağlar.
veri türü
: kullanıcının alanı metinle doldurması gerektiğini belirtir
: kullanıcının alanı geçerli bir e-posta ile doldurması gerektiğini belirtir
: kullanıcının alanı url ile doldurması gerektiğini belirtir
: kullanıcının alanı bir renkle doldurması gerektiğini belirtir
: kullanıcının alanı bir tarihle doldurması gerektiğini belirtir
: kullanıcının alanı aylardan biriyle doldurması gerektiğini belirtir
HTML5 öğelerinin bazı örnekleri
Doğrulama özellikleri
Doğrulama öznitelikleri, bir metin kutusunun veya metin kutusunun yukarıda belirtilenler gibi tek bir veri türünü kabul etmesine izin verir ve HTML5, javascript veya jquery ile yapılmadan önce verilerin doğru olduğunu doğrular.
Bir e-postanın doğrulanmasına bir örnek

 E-posta:

Keygen Özelliği
Ne zaman bir şifre kullansak, daha fazla güvenlik için şifreleyebilmek isteriz.
Öğenin amacı, kullanıcıların kimliğini doğrulamak için güvenli bir yol sağlamaktır.
Etiket, bir formdaki iki anahtarlı bir oluşturucu alanını belirtir.
Form gönderildiğinde, bir özel ve bir genel olmak üzere iki anahtar oluşturulur.
Özel anahtar yerel olarak depolanır ve genel anahtar sunucuya gönderilir. Açık anahtar, gelecekte kullanıcının kimliğini doğrulamak veya bir veritabanına parola olarak kaydetmek veya oturumları doğrulamak için bir istemci sertifikası oluşturmak için kullanılabilir.

 Kullanıcı şifresi:

Otomatik odaklama özelliği
Otomatik odaklama, sayfa yükleme sırasında bir form denetimine odaklanmak için bildirimsel bir yol sağlar. Önceden, bir geliştiricinin control.focus () kullanarak Javascript yazması gerekiyordu. Yeni yol, kullanıcı zaten başka bir şey yazıyorsa, tarayıcının kontrolü merkeze almamak gibi akıllı şeyler yapmasına olanak tanır.