Accesskey Html Form

2 min read Jul 01, 2024
Accesskey Html Form

Menggunakan Accesskey pada Form HTML

Accesskey adalah fitur yang memungkinkan pengguna untuk mengakses elemen HTML tertentu menggunakan kombinasi tombol keyboard. Dalam konteks form HTML, Accesskey dapat digunakan untuk menavigasi ke field form tertentu dengan cepat.

Berikut adalah contoh cara menggunakan Accesskey pada form HTML:




Form dengan Accesskey








Dalam contoh di atas, kita telah menambahkan atribut accesskey="n" ke input field "Nama" dan accesskey="e" ke input field "Email".

Sekarang, pengguna dapat dengan cepat:

  • Menavigasi ke field "Nama" dengan menekan tombol Alt + N.
  • Menavigasi ke field "Email" dengan menekan tombol Alt + E.

Penting:

  • Accesskey hanya berfungsi pada browser yang mendukung fitur tersebut.
  • Sebaiknya gunakan huruf yang mudah diingat untuk accesskey.
  • Hindari menggunakan accesskey yang sama untuk elemen yang berbeda dalam halaman yang sama.

Keuntungan Menggunakan Accesskey:

  • Meningkatkan aksesibilitas: Memudahkan pengguna dengan disabilitas motorik untuk menavigasi halaman web.
  • Meningkatkan efisiensi: Membantu pengguna untuk mengisi form dengan lebih cepat.

Catatan:

  • Accesskey dapat juga digunakan untuk elemen HTML lainnya seperti tombol, link, dan dropdown.
  • Untuk mengetahui daftar lengkap kombinasi tombol untuk accesskey di browser Anda, silakan lihat dokumentasi browser tersebut.

Semoga artikel ini bermanfaat!

Related Post


Latest Posts