Langsung ke konten utama

Atribut Autofocus pada HTML

Atribut autofocus pada HTML digunakan untuk menentukan bahwa elemen harus mendapatkan fokus ketika laman melakukan loading. Atribut ini adalah atribut boolean (hanya memiliki satu dari dua pilihan nilai).

catatan: atribut ini hanya mendukung penggunaan elemen <button>, <input>, <select>, dan <textarea>.

sintak:
<elementName autofocus>

Contoh :

<!DOCTYPE html>

<html>

 

<head>

<title>

HTML Atribut Autofocus

</title>

</head>

 

<body 

style = "text-align: center;">

 

<h1 style = "color: green;">

Blog Elfan

</h1>

 

<h2>

HTML Atribut Autofocus

</h2>

 

<form>

<label>

Nama Awalan:

<input 

type="text" 

autofocus

placeholder = "Enter Name">

</label>  

</form>

 

</body>

 

</html>

Output:

Blog Elfan

HTML Atribut Autofocus



Contoh :

<!DOCTYPE html>

<html>

 

<head>

<title>

HTML Atribut Autofocus

</title>

</head>

 

<body 

style = "text-align: center;">

 

<h1 style = "color: green;">

Blog Elfan

</h1>

 

<h2>

HTML Atribut Autofocus

</h2>

 

<textarea 

rows="3" 

cols="30" 

autofocus>

Blog Portal Ilmu Komputer.

</textarea>

</body>

 

</html>

Output:

Blog Elfan

HTML Atribut Autofocus

Komentar

  1. Apa yang dimaksud dengan atribut autofocus pada html?

    BalasHapus
    Balasan
    1. Atribut autofocus merupakan atribut tipe boolean yang hanya menerima dua jenis masukan TRUE atau FALSE. Atribut ini digunakan untuk menentukan apakah elemen harus secara otomatis mendapatkan fokus atau tidak ketika halaman website dibuat.

      Hapus
  2. Apa nilai properti dari atribut autofocus pada html?

    BalasHapus
    Balasan
    1. Properti autofocus memiliki nilai TRUE dan FALS yang mencerminkan atribut HTML autofocus, yang menunjukkan apakah elemen < select > terkait akan mendapatkan fokus input ketika halaman dimuat atau tidak, kecuali jika dilakukan override.

      Hapus
  3. Apakah penggunaan autofocus dapat berakibat buruk bagi para pengguna?

    BalasHapus
    Balasan
    1. Memfokuskan kontrol form secara otomatis dapat membingunkan user dengan gangguan penglihatan yang menggunakan teknologi baca pada layar. Sehingga penggunaan autofocus pada html mungkin merupakan solusi yang kurang ideal untuk aksesibilitas.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D