Form öğesi ve formların nasıl etkileşimli hale getirileceği hakkında bilgi edindikten sonra, kullanıcıların verileri yeniden girmelerine nasıl yardımcı olabileceğinizi öğrenelim.
Otomatik doldurma özelliğinden en iyi şekilde yararlanma
Formları doldurmak zaman alabilir. Örneğin, bir şey satın almak istediğiniz her sitede adresinizi tekrar tekrar girmek iyi bir alışveriş deneyimi değildir.
Bu noktada otomatik doldurma özelliğinden yararlanabilirsiniz. Adresinizi bir kez girersiniz. Bundan sonra tarayıcınız, diğer formlar için aynı adresi otomatik olarak doldurma seçeneği sunar.
Başka bir şehre taşındınız mı? Eski adresin her zaman seçenek olarak sunulacağından endişelenmeyin. Tarayıcınızın kaydettiği adres verilerini güncel tutabilirsiniz.
Otomatik doldurma özelliği tarayıcıda nasıl çalışır?
Adres alanları farklı sitelerde çok farklı görünebilir. Tarayıcı, bunun bir adres alanı olduğunu nasıl anlar?
Tarayıcılar, adres alanını tanımlamak için sezgisel yöntemler kullanır.
name
, type
ve id
özelliklerinin değerleri nelerdir?
Form denetiminde bir autocomplete
özelliği var mı?
Tarayıcılar bu bilgilere dayanarak bir alanı daha önce girilmiş aynı türde verilerle otomatik olarak doldurma seçeneği sunabilir. Tarayıcılar, formun tamamını otomatik olarak doldurmayı bile teklif edebilir.
Tarayıcılara otomatik doldurma konusunda yardımcı olma
Tarayıcıların doğru otomatik doldurma seçenekleri sunmasına yardımcı olmak için neler yapabileceğinize göz atalım.
Mantıklı özellik değerleri kullanın
Tarayıcılar, bir form denetiminin ö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ının bunun bir e-posta alanı olduğunu belirten üç ipucu.
Otomatik tamamlama özelliği
Tarayıcılarda, veri türünü yalnızca name
, id
ve type
özelliklerinden tanımlamanın zor olabileceği başka örnekler de vardır.
autocomplete
özelliğini kullanarak bu konuda yardımcı olabilirsiniz.
Kullandığınız tarayıcıda daha önce bir ad girdiniz mi? Tarayıcı, demodaki bu alan için muhtemelen tekrar doldurma seçeneği sunar.
Otomatik tamamlama ve otomatik doldurma özelliklerini kullanma hakkında daha fazla bilgiyi sonraki bir modülde bulabilirsiniz.
Öğrendiklerinizi test etme
Otomatik doldurma hakkındaki bilginizi test edin
Otomatik doldurma hangi özelliklere göre sunulur?
name
özelliği.type
özelliğiautocomplete
özelliği