এইচটিএমএল-এ গ্রহণযোগ্য বৈশিষ্ট্যটি <ইনপুট> এর পাশাপাশি <ফর্ম> উপাদানের জন্য। যাইহোক, HML5 ফর্ম অ্যাট্রিবিউট সমর্থন করে না, তাই আমরা <ইনপুট> অ্যাট্রিবিউট অ্যাট্রিবিউট নিয়ে আলোচনা করব।
আপনি যদি ইনপুট টাইপ ফাইল থেকে ব্যবহারকারী যে ধরনের ফাইল বাছাই করতে পারেন তার জন্য একটি ফিল্টার সেট করতে চাইলে, অ্যাট্রিবিউট অ্যাট্রিবিউট ব্যবহার করুন।
নিচের সিনট্যাক্স −
<input accept="extension|audio/*|video/*|image/*|media_type">
উপরে, প্যারামিটার−
- এক্সটেনশন :ফাইল এক্সটেনশন(গুলি) নির্দিষ্ট করুন (যেমন:.gif, .jpg, .png, .doc) ব্যবহারকারী যা থেকে বাছাই করতে পারেন
- অডিও/* :ব্যবহারকারী সমস্ত শব্দ ফাইল বাছাই করে
- ভিডিও/* :ব্যবহারকারী সমস্ত ভিডিও ফাইল বাছাই করে
- ছবি/* :ব্যবহারকারী সমস্ত ছবি ফাইল বাছাই করে
- media_type :ইমেজ/png, image/tiff, image/bmp, ইত্যাদি সহ বৈধ মিডিয়া প্রকার।
আমরা এখন গ্রহণ বৈশিষ্ট্য বাস্তবায়নের একটি উদাহরণ দেখি। এখানে, আমরা image/png−
ফাইল টাইপের সাথে accept এট্রিবিউট সেট করেছিউদাহরণ
<!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>
আউটপুট
উপরে, “ফাইল চয়ন করুন ক্লিক করে " ফলাফল শীট আপলোড করতে, আপনি শুধুমাত্র ফাইলের ধরন "png" দেখতে পাবেন যেহেতু আমরা উপরে "image/png" সেট করেছি−
