`<select>` và `<datalist>` khác nhau thế nào?

<select> là dropdown cho phép chọn từ danh sách cố định — user không thể nhập giá trị ngoài list. <datalist> gắn vào <input> qua list attribute, cung cấp gợi ý tự động điền nhưng user vẫn gõ giá trị tùy ý.

Ví dụ datalist: ô tìm kiếm gợi ý nhưng cho phép search từ khóa mới.

• Dùng <select> khi giá trị phải thuộc tập hợp cố định (quốc gia, danh mục).
• Dùng <datalist> khi muốn gợi ý nhưng không giới hạn input.

<select> is a dropdown that allows choosing from a fixed list — users cannot type a value outside the list. <datalist> attaches to an <input> via the list attribute, providing autocomplete suggestions while still allowing arbitrary input.

Example: a search box that suggests terms but lets you search anything new. Use <select> when the value must come from a fixed set (country, category). Use <datalist> when you want suggestions but don't want to restrict input.