Đừng dùng thuộc tính `maxlength` của HTML

Vấn đề

• Thuộc tính maxlength cắt ngắn dữ liệu nhập giữa chừng nhưng không cung cấp bất kỳ phản hồi nào cho người dùng.
• Từ góc nhìn của người dùng, nếu việc nhập liệu dừng lại giữa chừng, họ có thể cảm thấy giao diện có lỗi.
• Người dùng trình đọc màn hình (người khiếm thị) không thể biết khi nào đã chạm đến giới hạn nhập liệu.
• Nhiều người dùng không nhìn màn hình khi nhập mà nhìn bàn phím, nên có thể không nhận ra rằng nội dung nhập đã bị cắt.
• Khi sao chép và dán một đoạn văn bản dài, nội dung có thể bị cắt giữa chừng và thông tin sai có thể bị lưu lại.

Giải pháp

• Thay vì giới hạn đầu vào bằng maxlength, tốt hơn là cho phép nhập toàn bộ nội dung và nếu vượt quá giới hạn thì hiển thị thông báo lỗi để người dùng có thể sửa lại.
• Nếu có thể, nên đặt giới hạn nhập liệu rộng rãi hơn.
• Nên hiển thị số ký tự còn lại để người dùng nhận biết giới hạn và điều chỉnh phù hợp.