เนื้อหา
นักออกแบบเว็บไซต์มักใช้ปุ่มที่ฝังอยู่ในเอกสาร HTML เพื่อการใช้งานและเพื่อความสวยงาม นอกเหนือจากการเสนอวิธีการส่งข้อมูลหรือการตัดสินใจให้ผู้ใช้อย่างเพลิดเพลินแล้วปุ่มยังอนุญาตให้ใช้ฟังก์ชันต่าง ๆ ตามการโต้ตอบของผู้ใช้ ในบทความนี้ปุ่ม HTML จะอนุญาตให้ผู้ใช้ดาวน์โหลดไฟล์เมื่อมีการคลิก
คำสั่ง
-
สร้างไฟล์ HTML ในตัวแก้ไขข้อความเช่น Notepad ไฟล์พื้นฐานควรมีแท็ก "html" และ "body" อย่างน้อย:
>
แท็ก "ปุ่ม" มีข้อมูลที่อธิบายปุ่ม ในกรณีนี้ปุ่มเป็นประเภท "ปุ่ม" ทั่วไปและชื่อของมันคือ "ดาวน์โหลด" คำระหว่างแท็ก "" จะปรากฏบนปุ่มเมื่อหน้านั้นแสดงในเบราว์เซอร์
-
ทำให้ปุ่มชี้ไปที่ไฟล์เมื่อมีการคลิกโดยผู้ใช้ หากต้องการทำสิ่งนี้ให้เพิ่มกิจกรรม "onClick":
เหตุการณ์ "onClick" จะทำงานเมื่อผู้ใช้คลิกปุ่ม ในกรณีนี้มันจะเปิดหน้าต่างใหม่ที่ชี้ไปยังที่อยู่ไฟล์
-
บันทึกไฟล์และเปิดในเว็บเบราว์เซอร์ของคุณ บันทึกด้วยส่วนขยาย "html" (ตัวอย่างเช่น "test.html") เปิดในเบราว์เซอร์ ปุ่มจะปรากฏขึ้นที่มุมซ้ายบนของหน้าต่างและคลิกที่มันจะส่งต่อผู้ใช้ไปยังไฟล์และเริ่มกระบวนการดาวน์โหลด
เคล็ดลับ
- รหัสนี้สามารถคัดลอกและวางลงในเอกสาร HTML ใด ๆ อ่านเว็บไซต์ "โรงเรียน W3C" (w3schools.com) เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับปุ่ม HTML ที่สามารถทำได้
สิ่งที่คุณต้องการ
- แก้ไขข้อความ
- เว็บเบราว์เซอร์
อ้างอิง
- โรงเรียน W3C: HTML "ปุ่ม" แท็ก
- JavaScript Coder: การใช้วิธี Window.Open
วิธี
- โรงเรียน W3C: HTML "ปุ่ม" แท็ก