แอตทริบิวต์ accept ใน HTML ใช้สำหรับ และ องค์ประกอบ อย่างไรก็ตาม HML5 ไม่สนับสนุนแอตทริบิวต์ที่ยอมรับแบบฟอร์ม ดังนั้นเราจะพูดถึง แอตทริบิวต์ที่ยอมรับ หากคุณต้องการตั้งค่าตัวกรองสำหรับประเภทของไฟล์ที่ผู้ใช้สามารถเลือกจากไฟล์ประเภทอินพุต ให้ใช้ แอตทริบิวต์ที่ยอมรับ ต่อไปนี้เป็นไวยากรณ์ - <input accept="extension|audio/*|video/*|image/*|media_type"> ด้านบน พารามิเตอร์− ส่วนขยาย :ระบุนามสกุลไฟล์ (เช่น .gif, .jpg, .png, .doc) ที่ผู้ใช้เลือกได้ เสียง/* :ผู้ใช้เลือกไฟล์เสียงทั้งหมด วิดีโอ/* :ผู้ใช้เลือกไฟล์วิดีโอทั้งหมด ภาพ/* :ผู้ใช้เลือกไฟล์ภาพทั้งหมด media_type :ประเภทสื่อที่ถูกต้อง รวมถึง image/png, image/tiff, image/bmp เป็นต้น ให้เรามาดูตัวอย่างการใช้งานแอตทริบิวต์ accept ที่นี่เราได้ตั้งค่าแอตทริบิวต์ 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> ผลลัพธ์ ด้านบน เมื่อคลิก “เลือกไฟล์ ” ในการอัพโหลดแผ่นผลลัพธ์ คุณจะเห็นเฉพาะไฟล์ประเภท “png” เนื่องจากเราได้ตั้งค่า “image/png” ไว้ด้านบน –
