HTML-এ accept অ্যাট্রিবিউট <input> এবং <form> উভয়েই ব্যবহার করা যায়। তবে HTML5 form accept অ্যাট্রিবিউট সাপোর্ট করে না, তাই আমরা <input> accept অ্যাট্রিবিউটে ফোকাস করব।
যদি আপনি ফাইল আপলোডে ব্যবহারকারীর ফাইল টাইপ ফিল্টার করতে চান, তবে <input type="file">-এ accept অ্যাট্রিবিউট ব্যবহার করুন।
সিনট্যাক্স:
<input accept="extension|audio/*|video/*|image/*|media_type">
প্যারামিটারগুলো:
- extension: ফাইল এক্সটেনশন নির্দিষ্ট করুন (যেমন: .gif, .jpg, .png, .doc)
- audio/*: সব অডিও ফাইল
- video/*: সব ভিডিও ফাইল
- image/*: সব ইমেজ ফাইল
- media_type: বৈধ মিডিয়া টাইপ (image/png, image/tiff, image/bmp ইত্যাদি)
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>বিষয় অনুযায়ী র্যাঙ্ক</h2> <form action=""> <label for="stinfo">ছাত্র:</label> <input type="text" id ="stinfo"><br> <label for="sub">বিষয়:</label> <input type="text"><br> <label for="rank">র্যাঙ্ক:</label> <input type="number"><br> <label for="marks">নম্বর:</label> <input type="number"><br><br> <label for="result">ফলাফল শিট আপলোড করুন</label><br> <input type="file" name="img" accept="image/png"><br><br> <input type="submit"> </form> </body> </html>
উপরে accept="image/png" সেট করলে "Choose File" ক্লিক করলে শুধু PNG ফাইলগুলো দেখাবে। একাধিক টাইপের জন্য কমা দিয়ে আলাদা করুন: accept="image/png, image/jpeg, .pdf"।
সিকিউরিটি নোট: ক্লায়েন্ট সাইড ফিল্টার সহজেই বাইপাস করা যায়। সার্ভার সাইডে অবশ্যই ফাইল টাইপ ও কন্টেন্ট যাচাই করুন।
