Input field là gì?

Một ô nhập đầy đủ gồm nhãn (label), vùng nhập, chữ gợi ý (placeholder) tuỳ chọn, chữ hướng dẫn và thông báo lỗi. Thiết kế cần đủ trạng thái: mặc định, focus, đã điền, lỗi, vô hiệu hoá. Trong Figma, nên làm input là component có các variant State và thuộc tính Boolean để bật tắt icon hoặc chữ hướng dẫn. Trên web, chọn đúng kiểu ô giúp điện thoại hiện bàn phím phù hợp, ví dụ ô số điện thoại hiện bàn phím số. Ví dụ: form đăng ký tốt hiện lỗi ngay dưới ô email với nội dung cụ thể như Email thiếu ký tự @. Lỗi thường gặp nhất là chỉ dùng placeholder thay cho nhãn: khi người dùng bắt đầu gõ, gợi ý biến mất và họ quên ô này để nhập gì. Placeholder màu quá nhạt cũng khó đọc; nhãn và chữ trong ô cần tương phản ít nhất 4.5:1.