Computer >> Máy Tính >  >> Lập trình >> HTML

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

Thuộc tính accept trong HTML dành cho phần tử cũng như

. Howevere, HML5 không hỗ trợ thuộc tính chấp nhận biểu mẫu, do đó chúng ta sẽ thảo luận về thuộc tính chấp nhận .

Nếu bạn muốn đặt bộ lọc cho loại tệp mà người dùng có thể chọn từ tệp loại đầu vào, hãy sử dụng thuộc tính chấp nhận .

Sau đây là cú pháp -

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

Ở trên, tham số−

  • phần mở rộng :Chỉ định (các) phần mở rộng tệp (ví dụ:.gif, .jpg, .png, .doc) mà người dùng có thể chọn từ
  • âm thanh / * :Người dùng chọn tất cả các tệp âm thanh
  • video / * :Người dùng chọn tất cả các tệp video
  • hình ảnh / * :Người dùng chọn tất cả các tệp hình ảnh
  • media_type :Loại phương tiện hợp lệ, bao gồm hình ảnh / png, hình ảnh / tiff, hình ảnh / bmp, v.v.

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính accept. Ở đây, chúng tôi đã đặt thuộc tính accept với loại tệp là image / png−

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h2>Subject-wise rank</h2>
<form action="">
   <label for="stinfo">Student:</label>
   <input type="text" id ="stinfo"><br>
   <label for="sub">Subject:</label>
   <input type="text"><br>
   <label for="rank">Rank:</label>
   <input type="number"><br>
   <label for="marks">Marks:</label>
   <input type="number"><br><br>
   <label for="result">Upload Result Sheet</label><br>
   <input type="file" name="img" accept="image/png"><br><br>
   <input type="submit">
</form>
</body>
</html>

Đầu ra

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

Ở trên, khi nhấp vào “ Chọn tệp ”Để tải bảng kết quả lên, bạn sẽ chỉ thấy loại tệp“ png ”vì chúng tôi đã đặt“ image / png ”ở trên−

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