Thuộc tính accept của thẻ <input> trong HTML

Thẻ <input> HTML

Định nghĩa và cách sử dụng

accept Thuộc tính này quy định một bộ lọc cho loại tệp mà người dùng có thể chọn từ hộp thoại chọn tệp.

accept Thuộc tính này quy định loại tệp có thể được gửi qua tải tệp lên.

Lưu ý:accept Thuộc tính chỉ có thể được sử dụng với <input type="file"> Sử dụng cùng nhau.

Lưu ý:Đừng sử dụng thuộc tính này làm công cụ xác thực. Việc tải tệp lên nên được xác thực ở phần máy chủ.

Mẫu

Định nghĩa loại tệp mà người dùng có thể chọn từ hộp thoại chọn tệp:

<form action="/action_page.php">
  <label for="img">Vui lòng chọn ảnh：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Thử trực tiếp

Cú pháp

<input accept="file_extension|audio/*|video/*|image/*|media_type">

Lưu ý:Nếu cần chỉ định nhiều giá trị, hãy phân隔 chúng bằng dấu phẩy (ví dụ <input accept="audio/*,video/*,image/*" />.

Giá trị thuộc tính

Giá trị Mô tả
file_extension Định nghĩa phần mở rộng tệp mà người dùng có thể chọn (ví dụ: .gif, .jpg, .png, .doc)
audio/* Người dùng có thể chọn tất cả các tệp âm thanh
video/* Người dùng có thể chọn tất cả các tệp video
image/* Người dùng có thể chọn tất cả các tệp hình ảnh
media_type

Loại media type hợp lệ, không có tham số.

Vui lòng xem IANA Media Type để lấy danh sách đầy đủ các loại media type tiêu chuẩn.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 37.0 11.1 15.0

Thẻ <input> HTML