ปุ่ม input file เลือกได้แต่ไฟล์ pdf ด้วยการกำหนด accept

สอนเขียนโค้ด ปุ่ม input file เลือกได้แต่ไฟล์ pdf ด้วยการกำหนด accept บทความนี้แนะนำการกำหนดค่า accept ของ input file เพื่อให้มองเห็น และเลือกได้เฉพาะไฟล์ pdf เท่านั้น สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ปุ่ม input file เลือกได้แต่ไฟล์ pdf ด้วยการกำหนด accept

<form action="upload.php" method="POST" enctype="multipart/form-data">
    กรุณาเลือกไฟล์ pdf <input type="file" name="pdf" accept="application/pdf,application/vnd.ms-excel">
    <input type="submit" value="อัปโหลดไฟล์ pdf">
</form>

ปุ่ม input file เลือกได้แต่ไฟล์ pdf แนะนำให้กำหนด attribute accept เท่ากับ application/pdf,application/vnd.ms-excel ซึ่งจะทำให้ผู้ใช้งานเห็นเฉพาะไฟล์ pdf ตอนเลือกไฟล์