En son web geliştirme öğreticiler
 

HTML autofocus Attribute


Tanımı ve Kullanımı

autofocus özelliği, bir boole niteliktir.

Mevcut olduğunda, bu eleman sayfa yüklendiğinde otomatik olarak odak almak gerektiğini belirtir.


Geçerli

autofocus özelliği, aşağıdaki unsurları kullanılabilir:

Elementler nitelik
<button> autofocus
<input> autofocus
<keygen> autofocus
<select> autofocus
<textarea> autofocus

Örnekler

Button Örnek

otofokuslu bir düğme:

<button type="button" autofocus>Click Me!</button>
Kendin dene "

Input Örnek

Let "First name" giriş alanı sayfa yüklendiğinde otomatik olarak odak almak:

<form action="demo_form.asp">
  First name: <input type="text" name="fname" autofocus><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit">
</form>
Kendin dene "

Keygen Örnek

Let "Encryption" alanı sayfa yüklendiğinde otomatik olarak odak almak:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security" autofocus>
  <input type="submit">
</form>
Kendin dene "

Textarea Örnek

Içeren bir metin alanı autofocus :

<textarea autofocus>
At w3ii.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Kendin dene "

Tarayıcı Desteği

autofocus özelliği, her bir eleman için şu tarayıcı desteği vardır:

Eleman
form 5.0 10.0 4.0 5.0 9.6
input 5.0 10.0 4.0 5.0 9.6
keygen Evet Desteklenmiyor Desteklenmiyor 6 Evet
textarea Evet 10.0 4.0 Evet Evet