Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Fokus Otomatis HTML Menggunakan Atribut Autofocus

Dipublikasikan Oleh: elfanmauludi 6 komentar
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).


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

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

6 komentar untuk "Fokus Otomatis HTML Menggunakan Atribut Autofocus"

  1. AnonimSabtu, 17 Juli 2021 pukul 06.48.00 WIB

    Apa yang dimaksud dengan atribut autofocus pada html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 17 Juli 2021 pukul 06.48.00 WIB

      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. AnonimSabtu, 17 Juli 2021 pukul 06.51.00 WIB

    Apa nilai properti dari atribut autofocus pada html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 17 Juli 2021 pukul 06.51.00 WIB

      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. AnonimSabtu, 17 Juli 2021 pukul 06.54.00 WIB

    Apakah penggunaan autofocus dapat berakibat buruk bagi para pengguna?

    BalasHapus
    Balasan
    1. AnonimSabtu, 17 Juli 2021 pukul 06.54.00 WIB

      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 -