Form öğesini ve bir formun nasıl etkileşimli hale getirileceğini öğrendikten sonra, kullanıcıların verileri yeniden girmekten kaçınmasına nasıl yardımcı olabileceğinize bakalım.
Otomatik doldurmayı en iyi şekilde kullanın
Formları doldurmak zaman alabilir. Örneğin, bir ürün satın almak istediğiniz her sitede adresinizi tekrar tekrar girmek, pek de iyi bir alışveriş deneyimi değildir.
Otomatik doldurma bu konuda size yardımcı olabilir. Adresinizi bir kez girersiniz. Bundan sonra tarayıcınız, aynı adresi diğer formlar için otomatik olarak doldurma seçeneğini sunacaktır.
Başka bir şehre mi taşındınız? Sonsuza kadar eski adresi bir seçenek olarak görme konusunda endişelenmeyin. Tarayıcınızın sizin için kaydettiği adres verilerini güncel tutmak amacıyla düzenleyebilirsiniz.
Otomatik doldurma, tarayıcıda nasıl çalışır?
Adres alanı, farklı sitelerde çok farklı görünebilir. Tarayıcı bunun bir adres alanı olduğunu nasıl anlar?
Tarayıcılar, bir adres alanını tanımlamak için buluşsal yöntemleri kullanır.
name, type ve id özelliklerinin değerleri nedir?
Form denetiminde bir autocomplete özelliği var mı?
Bu bilgilere dayanarak tarayıcılar, bir alanı daha önce girilen aynı türde verilerle otomatik olarak doldurma seçeneği sunabilir. Tarayıcılar 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 sunmalarına yardımcı olmak için neler yapabileceğinize bakalım.
Mantıklı özellik değerleri kullanın
Daha önce de öğrendiğiniz gibi tarayıcılar, 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, type özelliği için email değerini 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 zor olduğu başka örnekler de vardır.
autocomplete özelliğini kullanarak bu konuda yardımcı olabilirsiniz.
Kullandığınız tarayıcıya daha önce bir ad girdiniz mi? Tarayıcı büyük olasılıkla, demodaki bu alan için formu tekrar doldurma seçeneğini sunacaktır.
Sonraki bir modülde otomatik tamamlama ve otomatik doldurma özelliğini kullanma hakkında daha fazla bilgi edinebilirsiniz.
Öğrendiklerinizi sınayın
Otomatik doldurmayla ilgili bilginizi test edin
Otomatik doldurma, hangi özelliklere göre sunulur?
name özelliği.type özelliğiautocomplete özelliği