Jangan gunakan atribut `maxlength` di HTML

Masalah

• Atribut maxlength memotong input di tengah, tetapi tidak memberikan umpan balik apa pun kepada pengguna.
• Dari sudut pandang pengguna, jika input tiba-tiba berhenti di tengah, UI bisa terasa seperti memiliki bug.
• Pengguna screen reader (penyandang tunanetra) tidak dapat mengetahui saat batas input telah tercapai.
• Banyak pengguna melihat keyboard, bukan layar, saat mengetik, sehingga mereka mungkin tidak menyadari bahwa input mereka terpotong.
• Saat menyalin dan menempel teks panjang, isinya bisa terpotong di tengah sehingga informasi yang salah dapat tersimpan.

Solusi

• Alih-alih membatasi input dengan maxlength, lebih baik menerima seluruh input lalu menampilkan pesan kesalahan jika batas terlampaui agar pengguna bisa memperbaikinya.
• Jika memungkinkan, sebaiknya tetapkan batas input yang cukup longgar.
• Sebaiknya tampilkan jumlah karakter yang tersisa agar pengguna mengetahui batas input dan dapat menyesuaikannya dengan tepat.