HTML <input> chấp nhận Thuộc tính

❮ Thẻ HTML <input>

Thí dụ

Chỉ định loại tệp mà người dùng có thể chọn từ hộp thoại nhập tệp:

<form action="/action_page.php">
  <label for="img">Select image:</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

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

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

Lưu ý: Chỉ acceptcó thể sử dụng thuộc tính với <input type="file">.

Mẹo: Không sử dụng thuộc tính này làm công cụ xác thực. Các tệp tải lên phải được xác thực trên máy chủ.


Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

Attribute
accept 26.0 10.0 37.0 11.1 15.0

Cú pháp

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

Mẹo: Để chỉ định nhiều giá trị, hãy phân tách các giá trị bằng dấu phẩy (ví dụ <input accept="audio/*,video/*,image/*" />:

Giá trị thuộc tính

Value Description
file_extension Specify the file extension(s) (e.g: .gif, .jpg, .png, .doc) the user can pick from
audio/* The user can pick all sound files
video/* The user can pick all video files
image/* The user can pick all image files
media_type A valid media type, with no parameters. Look at IANA Media Types for a complete list of standard media types

❮ Thẻ HTML <input>