HTML5'te Giriş Şifresi nasıl koyulur

Bağlanmak parola kullanıcı girdiğinde ekranda noktalar veya yıldızlar ("*") olarak gösterilecek olan veri girişi için bir girdi oluşturur, bu da verilerin forma nasıl girildiğini üçüncü bir tarafın okumasını zorlaştırır veya imkansız kılar.
Bu öznitelik, öğeyle paylaştığı diğer özniteliklerle birlikte çalışır. giriş metniBir hatırlayalım ve hangilerinin bu tarafından paylaşıldığını görelim.

• [renk = #808080]Maksimum uzunluk: [/ color] Bu öğe HTML5'te yeni değildir, ancak girişin kabul ettiği maksimum karakter sayısını sınırlamamıza izin verdiği için çok yararlıdır, bir örnek, şifrelerimizin maksimum karakter içermesi gerektiğidir, örneğin 6 alfasayısal karakter olarak, bu özniteliği 6 değerine koyarız ve yedinci girmeye çalışırken basitçe yazılmaz.

• [renk = #808080]Model: [/ color] HTML5'teki yenilikler, ek diller kullanmadan yeni bir doğrulama düzeyi ekleyebilmemiz için normal ifade kalıpları girmemize olanak tanır.

• [renk = #808080]Yer tutucu: [/ color] HTML5'te yeni, kullanıcı için küçük bir yardım gösteren giriş metni içinde görünecek bir metin girmemize izin veren görsel bir yardımcıdır, örneğin bir giriş şifre girmek içinse, yer tutucu “şifrenizi girin”, elbette stilleri her şeyin estetik olarak doğru görünmesi için ayarlayarak.

• [renk = #808080]Sadece oku: [/ color] Bu öznitelik HTML5'te yeni değildir, kullanıcının bu özniteliğe sahip alan içeriğini veri girmesini veya içeriğini düzenlemesini engellememize olanak tanır.

• [renk = #808080]Gerekli: [/ color] HTML5'te yeni olan bu öznitelik, giriş boşsa formun henüz gönderilmemesi gerektiğini belirtmemize olanak tanır, böylece doldurulmasının zorunlu niteliğini zorlar, bu şekilde başka bir doğrulama düzeyi yükseltiriz.

• [renk = #808080]Boy: [/ color] Giriş öğesinin genişliğini belirlememize yardımcı olur, bu özellik yeni değildir, ancak bize yardımcı olmasının yanı sıra kullanıcının girmesi gereken metnin daha iyi bir görselini vermemize yardımcı olduğu için çok önemlidir. estetik olarak Homojen girdi alanları oluşturmak için, çünkü hepsi varsayılan olarak getirilenden daha büyük bir genişliğe yerleştirilebilir.

• [renk = #808080]Değer: [/ color] HTML5'te yeni değil, bu özellik bir girişe değerler yerleştirmemize izin veriyor, yer tutucudan farklıdır, çünkü öğenin içeriği olarak gönderilecekse gönderirken atanan değerde olan, bir sunucu dili kullandığımızda veritabanından getirilen içerikle bir formu doldurmak için oldukça kullanılır.

Teoriyi gördükten sonra, pratik bir örneğini görelim:

 Örnek
Tatlı patates:

Parola:
Meyve:
Oy Gönder 

Bu durumda nasıl gördüğümüzü, özniteliği kullanırız. Yer tutucu ne tür bir şifre beklediğimizi belirtmek için bu şekilde kullanıcıyı yönlendiriyor ve hataları azaltıyoruz, eleman yazılmaya başladığında yer tutucunun metni yıldız işaretiyle veya bunun bilinmesine izin vermeyen başka unsurlarla değiştirilir. yazılıyor.

BÜYÜT

Almamız gereken bir diğer önemli önlem ise, şifre alanına yazdıklarımızı okuyamasak da, söz konusu formu işleyecek sayfaya ulaştığımızda içeriğin herhangi bir şifreleme olmadan geleceği için verinin ne olduğunu biliyoruz. korumasız seyahatler , örneğin önceki formu işlersek şunu alırız:

Daha fazla güvenlik istiyorsak, aşağıdakiler gibi güvenli protokollere sahip sunucuları kullanmayı düşünmeliyiz. SSL / HTTPS Gönderdikleri bilgileri şifrelerler veya bilgileri gönderilmeden önce şifrelemek için Javascript gibi dilleri kullanırlar.
Bununla, hassas verileri girmek için formlar oluşturma sürecinden geçen bu öğreticiyi sonlandırıyoruz ve bir formdan okunamaz olmasını istediğimizde bir formdan geçen verilerin bütünlüğünü korumak için almamız gereken sonuçları ve güvenlik önlemlerini biliyoruz. çıplak gözle..