Html5 ile gelen autofocus özelliği ile imlec odağını input nesnesine kaydırabilirsiniz böylelikle projelerizinde kullanıcı eksik bir yer bıraktığında uyarıyla beraber kullanıcı için odağı direk oraya kaydırıp kullanıcı açısından rahat bir kullanım sunabilirsiniz.
HTML5 ile gelen autofocus özelliği(Attribute)
Bu özellik ile odağı bir nesneye kolayca kaydırabiliriz böylece kullanıcının örnek olarak bir input nesnesine giriş yapmasını zorunlu kılmak istiyorsak ve kullanıcı zorunlu inputu boş geçtiğinden verilecek uyarının ardından kullanıcıyı zorunlu kıldığınız input nesnesine yönlendirmek için imleç odağını o nesneye kaydırmak kullanıcı açısından beğenilebilecek ve kolay bir yöntem olacaktır.
Örnek syntax
1 | <input autofocus/> |
Örnek kullanımı
1 2 | Ad: <input type="text" name="ad" autofocus><br> Soyad: <input type="text" name="soyad"><br> |
Yukarıdaki örneğimizde odak direk ‘ad’ isimli nesnemize sayfa yüklendikten sonra kayacaktır.
Uyumlu tarayıcılar
IE, Chrome, Opera, Firefox, Safari
Tüm popüler tarayıcılar ile uyumludur.