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.
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"
autocomplete="new-password"
autocomplete="off"
autocomplete="current-password"