HTML <input> chấp nhận Thuộc tính
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 accept
tí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ỉ accept
có 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>