HTML otomatik odaklama Özelliği


Tanım ve Kullanım

Nitelik autofocusbir boole niteliğidir.

Mevcut olduğunda, sayfa yüklendiğinde öğenin otomatik olarak odaklanması gerektiğini belirtir.


Şunlar için geçerlidir:

Nitelik autofocusaş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