วิธีสร้างปุ่ม HTML ที่ทำหน้าที่เหมือนลิงค์

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

วิธีหนึ่งคือเพียงแค่รวมแท็กของคุณไว้ในแท็ก:

Link To freeCodeCamp

สิ่งนี้จะเปลี่ยนปุ่มทั้งหมดของคุณให้เป็นลิงก์

ตัวเลือกที่สองคือการสร้างลิงก์ของคุณตามปกติกับแท็กของคุณจากนั้นจัดรูปแบบผ่าน CSS:

Link To freeCodeCamp

เมื่อคุณสร้างลิงค์ของคุณแล้วคุณสามารถใช้ CSS เพื่อทำให้ดูเหมือนปุ่ม ตัวอย่างเช่นคุณสามารถเพิ่มเส้นขอบสีพื้นหลังสไตล์บางอย่างเมื่อผู้ใช้วางเมาส์เหนือลิงก์ ...

อีกวิธีในการเพิ่มปุ่มคือการรวมแท็กinputด้านใน formระบุ URL เป้าหมายที่ต้องการในแอตทริบิวต์ form action

ข้อมูลมากกว่านี้:

  • freeCodeCamp Guide - ปุ่มจัดแต่งทรงผม
  • freeCodeCamp Guide - วิธีใช้ลิงค์
  • จะสร้างปุ่ม HTML ที่ทำหน้าที่เหมือนลิงค์ได้อย่างไร?