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).
Catatan: atribut ini hanya mendukung penggunaan elemen <button>, <input>, <select>, dan <textarea>.
sintak:
<elementName autofocus>
 |
| 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].
sintak:
<elementName autofocus>
Baca Juga:
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
Referensi Tambahan:
- 2 Contoh Program Penggunaan Atribut Colspan pada HTML [klik]
- Contoh Program Penggunaan Atribut Content HTML [klik]
- Cara Mengatur Edit Konten Menggunakan Atribut Contenteditable HTML [klik]
- 2 Nilai Utama pada Penggunaan Atribut Data HTML [klik]
- 2 Nilai Utama Penggunaan Atribut Data-* pada HTML [klik]
- 8 Komponen Pengaturan Penggunaan Atribut Datetime pada HTML [klik]
- 3 Nilai Utama Penggunaan Atribut Dir pada HTML [klik]
Artikel ini didedikasikan kepada: Krisna Nurwahid Ibrahim, Lucia Fina Ardianti, Melati Permata Julian, Muchammad Bachtiar Al Majid, dan Muhammad Rifqi Hidayatullah.
Apa yang dimaksud dengan atribut autofocus pada html?
BalasHapusAtribut 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.
HapusApa nilai properti dari atribut autofocus pada html?
BalasHapusProperti 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.
HapusApakah penggunaan autofocus dapat berakibat buruk bagi para pengguna?
BalasHapusMemfokuskan 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