Otomatik Doldurma özelliği

Adresinizi onuncu kez tekrar girmek zorunda kalmak yorucudur. ve siz, , kullanıcıların verileri daha hızlı girmelerine ve verileri tekrar girmelerini önlemeye yardımcı olabilir. Bu modülde, otomatik doldurmanın işleyiş şeklini, autocomplete ve diğer öğe özellikleri, tarayıcıların uygun otomatik doldurma seçenekleri sunmasını sağlayabilir.

Otomatik doldurmanın işleyiş şekli nasıldır?

Otomatik doldurmaya giriş bölümünde, arama sonuçlarının Otomatik doldurma'yı tıklayın. Peki tarayıcılar neden otomatik doldurma özelliği sunuyor?

Form doldurmak ilginç bir etkinlik olmasa da yaptığınız bir şeydir önem verir. Zaman içinde birçok form doldurur ve genellikle aynı verileri doldurursunuz. Kullanıcıların formları daha hızlı doldurmalarına yardımcı olmanın bir yolu da form alanlarını daha önce girilen verilerle otomatik olarak doldurmalıdır. Buna otomatik doldurma denir.

Tarayıcılar hangi verilerin otomatik olarak doldurulacağını nasıl biliyor? Örnek bir forma göz atın. bunu öğrenebilirsiniz.

<label for="name">Name</label>
<input name="name" id="name">

Bu form alanını gönderirseniz tarayıcılar değeri (girdiğiniz veriler) depolar. ile birlikte name özelliğinin (name) değerini döndürür. Bazı tarayıcılar id özelliğini kullanmalarını öneririz.

Haftalar sonra başka bir web sitesinde başka bir form doldurduğunuzu varsayalım. Bu site ayrıca name="name" içeren bir form alanı içerir. Tarayıcınız artık otomatik doldurma özelliğini, çünkü ad için bir değer zaten depolanıyor.

Otomatik Doldurma özelliği, kaydolma ve kaydolma gibi düzenli olarak kullandığınız formlarda özellikle işe yarar. bilgileri girmeniz gereken oturum açma, ödeme, ödeme ve girin.

Tarayıcıların en iyi otomatik doldurma seçeneklerini sunmalarına yardımcı olmak için autocomplete özelliğinin değerlerine karşılık gelir. autocomplete için birçok olası değer vardır. Aşağıda adreslerle ilgili bir örnek verilmiştir.

Tarayıcınızda sizin için önceden kaydedilmiş bir adres var mı? Çok güzel! Siz adres formundaki ilk alanla etkileşimde bulunursanız, tarayıcı size pek çok yolu vardır. Birini seçtiğinizde tarayıcı tüm alanları doldurur alakalı olmayabilir. Otomatik Doldurma, formları hızlı ve kolay bir şekilde doldurmanızı sağlar.

Her adres formunda aynı alanlar bulunmaz ve alanların sırası değişiklik gösterir. autocomplete için doğru değerlerin kullanılması, tarayıcının bir hale getirebilirsiniz. country, postal-code, ve pek çok devamı.

Kullanıcıların hızlı bir şekilde oturum açabilmesini ve güvenli şifreler kullanabilmesini sağlayın

Birçok kişi şifrelerini hatırlamakta iyi değildir. En yaygın şifre "123456" ve ardından hatırlanması kolay diğer kombinasyonlar. Verileri nasıl kullanabilirsiniz? hatırlamak zorunda kalmadan güvenli ve benzersiz şifreler oluşturabilirsiniz.

Tarayıcılarda, şifre oluşturmak, kaydetmek ve doldurmak için yerleşik şifre yöneticileri bulunur şifrenizi girin. E-postaları otomatik doldurma konusunda tarayıcılara nasıl yardımcı olabileceğinizi öğrenin ve şifreleri yönetme.

E-posta alanları için autocomplete="email" kullanabilirsiniz. Böylece kullanıcılar otomatik doldurmayı alır. seçeneğini görürsünüz.

Bu bir kayıt formu olduğundan kullanıcılara daha önce doldurma seçeneği sunulmayacaktır. daha önce de belirttiğim gibi. Tarayıcıların düzgün çalıştığını doğrulamak için autocomplete="new-password" yeni bir şifre oluşturma seçeneği sunun.

Oturum açma formunda autocomplete="current-password" aracını kullanarak şunları söyleyebilirsiniz: daha önce kaydedilmiş şifreleri doldurma seçeneği sunarak web sitesi.

İki faktörlü kimlik doğrulamayı birçok web sitesinde ayarlayabilirsiniz. Ayrıca SMS veya iki faktörlü kimlik doğrulama uygulamasıyla tek seferlik bir kod gönderilir.

SMS mesajında aldığınız kod önerilse harika olmaz mıydı? ve doğrudan dokunmatik klavyeyi kullanarak değer nedir? Safari 14 veya sonraki sürümlerde autocomplete="one-time-code" sahip olacaksınız. Android üzerinde Chrome'da WebOTP'yi kullanabilirsiniz. API bunu JavaScript ile yapabilirsiniz.

SMS OTP formu ile web'de telefon numaralarını doğrulama hakkında daha fazla bilgi edinin. en iyi uygulamalara göz atın.

Kullanıcıların kredi kartı bilgilerini doldurmalarına yardımcı olma

Birçok e-ticaret web sitesinde ürün satın almak için kredi kartınızı kullanabilirsiniz. Siteler kendi formlarını sağlayan üçüncü taraf ödeme platformları kullanabilir, ancak Kullanıcıların kendi ödeme formlarını kolayca doldurabileceğinden ve ödeme bilgileri.

Tarayıcılarınautocomplete doğru otomatik doldurma seçenekleri.

Kredi kartı numarası (cc-number), kredi kartı son kullanma tarihi için değerler var cc-exp tarihi ve diğer tüm bilgiler gerekli kredi kartı ödemesi ücreti alabiliyorsunuz.

Kredi kartı numarası ve telefon gibi numaralar için tek bir giriş kullanın özelliklerini kullanın. Şunlar için standart form öğeleri kullanın: Örneğin, ödeme kartı tarihleri için özel öğeler yerine <select> kullanabilirsiniz. otomatik tamamlamanın kullanılabilir olduğundan emin olun.

Kullanıcıların yeniden ödeme girmesini önlemesine yardımcı olma hakkında daha fazla bilgi edinin. verileri ile karşılaştırın.

Otomatik doldurmanın tüm alanlarınızda çalıştığından emin olun

Adresler, hesap bilgileri ve kredi kartı bilgilerinin yanı sıra Tarayıcıların kullanıcılara otomatik doldurma konusunda yardımcı olabileceği daha pek çok alan var.

Formunuza bir telefon alanı eklerken, kullanılabilir değerleri otomatik tamamlamayı kullanın. Form alanınız için uygun bir değer buldunuz mu? Bunu ekleyin.

autocomplete özelliği için uygun değerler kullanmak, tarayıcıların ve kullanıcıların formları daha hızlı doldurmasına yardımcı olur.

Tarayıcıların, bir alanın otomatik olarak doldurulmaması gerektiğini anlamasına yardımcı olun

Otomatik doldurmanın işleyiş şeklini, otomatik doldurma özelliğiyle tarayıcılara nasıl yardımcı olabileceğinizi ve otomatik doldurmanın otomatik doldurma özelliği, kullanıcıların formları doldurmalarını kolaylaştırır. Ama bazen Tarayıcıların otomatik doldurma özelliğini sunmasını istemiyorsanız.

<label for="one-time-code">One-time code</label>
<input autocomplete="off" type="text" name="one-time-code" id="one-time-code">

Tek seferlik, benzersiz değerler girerken otomatik doldurmanın kullanışlı olmadığı bir yer tek seferlik kod alanı buna dahildir. Değer her zaman farklıdır ve tarayıcı değerleri kaydetmemeli veya otomatik doldurma seçeneği sunmamalıdır. Tekliflerinizi otomatikleştirmek ve optimize etmek için Otomatik doldurmayı önlemek için bu tür alanlarda autocomplete="off".

autocomplete="off" için başka bir kullanım alanı da bal saksı tarlasıdır (önceki modülünü) inceleyin. Her ne kadar alan Tarayıcılar, sayfayı diğer alanlarla otomatik olarak doldurabilir. Otomatik doldurma etkinleştiriliyor kapalı olması nedeniyle, gerçek kullanıcının bot olarak tanımlanmamasını sağlar. otomatik olarak tamamlanır.

Otomatik doldurma özelliğini yalnızca kullanıcılara yardımcı olacağından eminseniz devre dışı bırakmalısınız.

Öğrendiklerinizi sınayın

Otomatik doldurma bilginizi test edin

Kayıt formundaki şifre alanı için hangi otomatik tamamlama değerini kullanmalısınız?

autocomplete="password"
Tekrar deneyin.
autocomplete="off"
Tekrar deneyin.
autocomplete="new-password"
🎉
autocomplete="current-password"
Tekrar deneyin.

Kaynaklar