HTML accept एट्रिब्यूट

HTML accept एट्रिब्यूट क्या है?

accept एट्रिब्यूट HTML में <input> के साथ-साथ <form> एलिमेंट के लिए है। हालांकि, HTML5 <form> accept एट्रिब्यूट का समर्थन नहीं करता, इसलिए हम <input> accept एट्रिब्यूट पर चर्चा करेंगे।

यदि आप इनपुट टाइप फाइल से उपयोगकर्ता द्वारा चुनी जा सकने वाली फ़ाइल प्रकारों के लिए फ़िल्टर सेट करना चाहते हैं, तो <input> accept एट्रिब्यूट का उपयोग करें।

वाक्यविन्यास (Syntax)

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

पैरामीटर

extension: फ़ाइल एक्सटेंशन निर्दिष्ट करें (उदाहरण: .gif, .jpg, .png, .doc) जो उपयोगकर्ता चुन सकता है
audio/*: उपयोगकर्ता सभी ऑडियो फ़ाइलें चुन सकता है
video/*: उपयोगकर्ता सभी वीडियो फ़ाइलें चुन सकता है
image/*: उपयोगकर्ता सभी इमेज फ़ाइलें चुन सकता है
media_type: वैध मीडिया टाइप, जिसमें image/png, image/tiff, image/bmp, आदि शामिल हैं

उदाहरण

यहां, हमने accept एट्रिब्यूट को फ़ाइल टाइप image/png के साथ सेट किया है:

<!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>

आउटपुट

फॉर्म प्रदर्शित होगा:

HTML accept एट्रिब्यूट

"Choose File" पर क्लिक करके परिणाम शीट अपलोड करने पर, आप केवल "png" फ़ाइल प्रकार देखेंगे क्योंकि हमने ऊपर "image/png" सेट किया है:

HTML accept एट्रिब्यूट

सामान्य मान उदाहरण

मान	प्रभाव
`accept="image/*"`	सभी इमेज फ़ाइलें (PNG, JPEG, GIF, SVG, WebP...)
`accept=".jpg,.jpeg,.png"`	केवल JPG और PNG फ़ाइलें
`accept="application/pdf"`	केवल PDF फ़ाइलें
`accept="audio/,video/"`	ऑडियो और वीडियो फ़ाइलें

नोट

accept एट्रिब्यूट केवल क्लाइंट-साइड फ़िल्टर है; सर्वर को हमेशा फ़ाइल टाइप/सामग्री मान्य करनी चाहिए।
उपयोगकर्ता अभी भी फ़ाइल डायलॉग में "All Files" चुनकर फ़िल्टर बायपास कर सकते हैं।
capture एट्रिब्यूट (मोबाइल पर कैमरा/माइक्रोफोन सीधे खोलने के लिए) के साथ संयोजित करें।