HTML otomatik odaklama Özelliği
Tanım ve Kullanım
Nitelik
autofocus
bir boole niteliğidir.
Mevcut olduğunda, sayfa yüklendiğinde öğenin otomatik olarak odaklanması gerektiğini belirtir.
Şunlar için geçerlidir:
Nitelik
autofocus
aşağıdaki öğelerde kullanılabilir:
Elementler | Bağlanmak |
---|---|
<düğme> | otomatik odaklama |
<giriş> | otomatik odaklama |
<seç> | otomatik odaklama |
<metin alanı> | otomatik odaklama |
Örnekler
Düğme Örneği
Otomatik odaklamalı bir düğme:
<button type="button" autofocus>Click Me!</button>
Giriş Örneği
Sayfa yüklendiğinde "Ad" giriş alanının otomatik olarak odaklanmasına izin verin:
<form action="/action_page.php">
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>
Metin Alanı Örneği
Otomatik odaklamalı bir metin alanı:
<textarea autofocus>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Tarayıcı Desteği
Nitelik autofocus
, her öğe için aşağıdaki tarayıcı desteğine sahiptir:
Element | |||||
---|---|---|---|---|---|
form | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
input | 5.0 | 10.0 | 4.0 | 5.0 | 9.6 |
textarea | Yes | 10.0 | 4.0 | Yes | Yes |