JavaScript kullanmadan bir HTML formunda varsayılan giriş odağını ayarlamak mümkün müdür, örneğin:
<html>
<form>
Input 1: <input type="text" name="textbox1"/>
<br/>
Input 2: <input type="text" name="textbox2"/>
</form>
</html>Form JavaScript kullanmadan yüklendiğinde (bir kullanıcı js devre dışı olduğunda davranış oluşmasını istiyorum gibi) varsayılan odağı metin kutularından birini ayarlamak istiyorum.
Yanıtlar:
HTML5'te yapabilirsiniz, ancak aksi takdirde JavaScript kullanmanız gerekir.
HTML5, autofocusform öğenize eklemenize olanak tanır , örneğin:
<input type="text" name="myInput" autofocus />Bu, HTML5'i destekleyen tarayıcılarda (veya bunun yerine, HTML5'in bu belirli bölümünü destekleyen tarayıcılarda) çalışır, ancak bildiğiniz gibi, herkes henüz kullanamaz.
Dikkat edilmesi gereken bir şey ... odaklanmış bir form öğesi ayarlarsanız, ekran okuyucu gibi Destekli Teknoloji (AT) kullanan herkesin menüler ve odaklanılan alandan önceki diğer içerikleri görmek için yedeklemesi gerekir.
Bence tercih edilen bir yöntem, eğer varsa, bir atlama bağlantısı dışında herhangi bir alana odaklanmamaktır. Bu onlara sayfa içeriğine atlama veya sayfayı yukarıdan aşağıya okuma seçeneği verir.
Diğerlerinin söylediği gibi, Javascript olmadan varsayılan bir alanı garanti edemezsiniz. Kullanıcının erişmek isteyebileceği birden çok alanınız varsa denemek isteyebileceğiniz alternatif bir seçenek accesskeyözelliği kullanıyor . Bu aslında bir kullanıcının tarama sırasında daha sonra herhangi bir alana geri dönebileceği anlamına gelir; bu, ekran okuyucu kullanıcıları vb.İçin kullanışlı olabilir.
Bu konuda Vikipedi makalesi oldukça yararlı - http://en.wikipedia.org/wiki/Access_key
Bu, bir tür komut dosyası olmadan mümkün değildir. Google'ın ana sayfası bile arama alanını odaklamak için Javascript gerektirir.
Kullanılacak mümkün olabilir tabindex niteliğini ve gerçi varsayılan metin üzerinde en düşük değeri kullanın. Tarayıcı desteği için buraya bakın:
http://reference.sitepoint.com/html/object/tabindex#compatibilitysection
Site şunu önermektedir:
(hemen hemen tüm diğer durumlarda -yani form kontrolleri ve bağlantılar — tabindex'in mükemmel desteği vardır)