Kullanıcıların formlara tekrar veri girmekten kaçınmasına yardımcı olun

form öğesi ve nasıl form oluşturacağınız etkileşimli, kullanıcıların verileri tekrar girmesini önlemesine nasıl yardımcı olabileceğinize bakalım.

Formları doldurmak zaman alabilir. Örneğin, ürün satın almak istediğiniz her sitede adresinizi tekrar tekrar girmek iyi bir alışveriş deneyimi değildir.

Otomatik doldurma özelliği size bu konuda yardımcı olabilir. Adresinizi bir kez girersiniz. Artık tarayıcınız diğer formlar için aynı adresi doldurma seçeneğini otomatik olarak sunacak.

Başka bir şehre mi taşındınız? Daima eski adresi tercih etme konusunda endişelenmeyin. Güncel kalmasını sağlamak için tarayıcınızın kaydettiği adres verilerini düzenleyebilirsiniz.

Otomatik doldurma, tarayıcıda nasıl çalışır?

Adres alanı, farklı sitelerde çok farklı görünebilir. Tarayıcı, bir adres alanı olduğunu nasıl anlar?

Tarayıcılar bulgusal yöntemler kullanır. name, type ve id özelliklerinin değerleri nedir? Form kontrolünde bir autocomplete özelliği var mı?

Bu bilgilere dayanarak tarayıcılar, bir alanı daha önce girilen aynı türden verilerle otomatik olarak doldurma seçeneği sunabilir. Tarayıcılar, bir formun tamamını otomatik olarak doldurmayı bile teklif edebilir.

Otomatik doldurma özelliğiyle tarayıcılara yardımcı olun

Tarayıcıların doğru otomatik doldurma seçeneklerini sunmasına yardımcı olmak için neler yapabileceğinizi görelim.

Anlamlı özellik değerleri kullanın.

Daha önce öğrendiğiniz gibi, tarayıcılar bir form kontrolünün özelliklerine bakarak veri türünü tanımlayabilir.

<label for="email">Email</label>
<input type="email" name="email" id="email">

Kullanıcıların e-posta adreslerini girmeleri gereken bir alanınız var mı? name, id ve type özelliği için değer olarak email kullanın. Tarayıcı için, bunun bir e-posta alanı olduğuna dair üç ipucu.

Otomatik tamamlama özelliği

Tarayıcıların, veri türünü yalnızca name, id ve type özelliklerinden tanımlamasının yine de zor olabileceği başka örnekler vardır. autocomplete özelliğini kullanarak burada yardımcı olabilirsiniz.

Kullandığınız tarayıcıda daha önce bir ad girdiniz mi? Tarayıcı, muhtemelen demodaki bu alan için kodu tekrar doldurma seçeneğini sunar.

Web sitemiz g.co/newsinitiative/labs üzerinden Sonraki bir modülde otomatik tamamlama ve otomatik doldurma özelliğini kullanabilirsiniz.

Öğrendiklerinizi sınayın

Otomatik doldurma bilginizi test edin

Otomatik doldurma hangi özelliklere göre sunulur?

name özelliği.
Yukarıdakilerin tümü
type özelliği
autocomplete özelliği

Kaynaklar