ใช้ css กำหนด media print ให้ ไม่แสดง ปุ่มสั่งพิมพ์ print หน้าเอกสารที่ต้องการ

เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee
พิมพ์ css print

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ พิมพ์ css print

ดูแล้ว 27,352 ครั้ง


กรณีเมื่อมีปุ่มสำหรับกดสั่งพิมพ์หน้าเว็บเพจ หรือหน้ารายงาน ตัวอย่างเช่น

1
<input type="button" name="button" id="button" value="Print" onclick="print();">

เราสามารถกำหนด ไม่ให้แสดงปุ่มดังกล่าว ในหน้าที่พิมพ์ได้ โดยการใช้ attribute ชื่อ media โดยกำหนด media="print" ดังนี้

1
2
3
4
5
<style type="text/css" media="print">
input{
    display:none;
}
</style>

แล้วกำหนดการ properties ที่ชื่อ display เป็น none ให้กับ element นั้นๆ ในตัวอย่างนี้กำหนดให้ไม่แสดงแท็ก input เมื่อมีการพิมพ์



กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ







เนื้อหาที่เกี่ยวข้อง









URL สำหรับอ้างอิง










เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ