วิธีสร้างปุ่มใน HTML เพื่อดาวน์โหลดไฟล์

เนื้อหา

• คำสั่ง
• เคล็ดลับ
• สิ่งที่คุณต้องการ
• อ้างอิง
• วิธี

นักออกแบบเว็บไซต์มักใช้ปุ่มที่ฝังอยู่ในเอกสาร HTML เพื่อการใช้งานและเพื่อความสวยงาม นอกเหนือจากการเสนอวิธีการส่งข้อมูลหรือการตัดสินใจให้ผู้ใช้อย่างเพลิดเพลินแล้วปุ่มยังอนุญาตให้ใช้ฟังก์ชันต่าง ๆ ตามการโต้ตอบของผู้ใช้ ในบทความนี้ปุ่ม HTML จะอนุญาตให้ผู้ใช้ดาวน์โหลดไฟล์เมื่อมีการคลิก

คำสั่ง

ปุ่มต่างๆเป็นส่วนประกอบ HTML ที่มีประโยชน์และยืดหยุ่น (เทคโนโลยี Hemera / PhotoObjects.net / Getty Images)

1. สร้างไฟล์ HTML ในตัวแก้ไขข้อความเช่น Notepad ไฟล์พื้นฐานควรมีแท็ก "html" และ "body" อย่างน้อย:

   >

   แท็ก "ปุ่ม" มีข้อมูลที่อธิบายปุ่ม ในกรณีนี้ปุ่มเป็นประเภท "ปุ่ม" ทั่วไปและชื่อของมันคือ "ดาวน์โหลด" คำระหว่างแท็ก "" จะปรากฏบนปุ่มเมื่อหน้านั้นแสดงในเบราว์เซอร์

2. ทำให้ปุ่มชี้ไปที่ไฟล์เมื่อมีการคลิกโดยผู้ใช้ หากต้องการทำสิ่งนี้ให้เพิ่มกิจกรรม "onClick":

   เหตุการณ์ "onClick" จะทำงานเมื่อผู้ใช้คลิกปุ่ม ในกรณีนี้มันจะเปิดหน้าต่างใหม่ที่ชี้ไปยังที่อยู่ไฟล์

3. บันทึกไฟล์และเปิดในเว็บเบราว์เซอร์ของคุณ บันทึกด้วยส่วนขยาย "html" (ตัวอย่างเช่น "test.html") เปิดในเบราว์เซอร์ ปุ่มจะปรากฏขึ้นที่มุมซ้ายบนของหน้าต่างและคลิกที่มันจะส่งต่อผู้ใช้ไปยังไฟล์และเริ่มกระบวนการดาวน์โหลด

   
   

เคล็ดลับ

• รหัสนี้สามารถคัดลอกและวางลงในเอกสาร HTML ใด ๆ อ่านเว็บไซต์ "โรงเรียน W3C" (w3schools.com) เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับปุ่ม HTML ที่สามารถทำได้

สิ่งที่คุณต้องการ

• แก้ไขข้อความ
• เว็บเบราว์เซอร์

อ้างอิง

• โรงเรียน W3C: HTML "ปุ่ม" แท็ก
• JavaScript Coder: การใช้วิธี Window.Open

วิธี

• โรงเรียน W3C: HTML "ปุ่ม" แท็ก