Lompat ke konten Lompat ke sidebar Lompat ke footer

Fokus Otomatis HTML Menggunakan Atribut Autofocus

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).


2 Contoh Program Penggunaan Atribut Autofocus pada HTML
Ilustrasi Atribut Autofocus HTML

Sebelum memahami lebih dalam materi tentang Fokus Otomatis HTML Menggunakan Atribut Autofocus, terlebih dahulu pelajari materi tentang: Menentukan Form Data HTML Menggunakan Atribut Action [klik], Membuat Pintasan HTML Menggunakan Atribut Accesskey [klik], dan Mendefinisikan Karakter Encoding HTML Menggunakan Accept-charset [klik].

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


Artikel ini didedikasikan kepada: Krisna Nurwahid Ibrahim, Lucia Fina Ardianti, Melati Permata Julian, Muchammad Bachtiar Al Majid, dan Muhammad Rifqi Hidayatullah.

6 komentar untuk "Fokus Otomatis HTML Menggunakan Atribut Autofocus"

  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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -