ลิงก์กับปุ่ม — เมื่อใดที่คุณควรใช้ปุ่มใด

ใช้ลิงก์ (<a href="/go-here">link</a> ) หากคุณต้องการให้ผู้ใช้ของคุณ:

• ไปที่ส่วนอื่นในหน้าเดียวกัน
• ไปที่หน้าอื่นในเว็บไซต์ของคุณ
• ไปที่เว็บไซต์ภายนอก (โดเมนอื่น)

ควรใช้ปุ่มเมื่อใด ()

ใช้ปุ่ม (<button type="button">button</button> ) หากคุณต้องการให้การคลิกทริกเกอร์การทำงานที่ขับเคลื่อนโดย JavaScript:เช่น:

• สลับเมนูเลื่อนเข้า
• เปิดโมดอล/ไดอะล็อกป๊อปอัป

ตัวอย่างที่ดีในการใช้ <button> คือไอคอนดวงจันทร์/ดวงอาทิตย์ในส่วนหัวของเว็บไซต์นี้ เมื่อคุณคลิก มันจะสลับธีมสีจากสว่างเป็นมืด

แล้วอินพุตของฟอร์มล่ะ

หากผู้ใช้ของคุณควรจะส่งแบบฟอร์ม เช่น แบบฟอร์มติดต่อ ให้ใช้องค์ประกอบอินพุตส่ง:

<input type="submit" value="Submit" />