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.
Otomatik doldurma özelliğinden en iyi şekilde yararlanın
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?
type
özelliğiautocomplete
özelliğiname
özelliği.