NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Web Design by HTML

สร้างปุ่มได้ง่ายๆ ด้วย Button Tag

IE4+ ได้เพิ่ม Button Tag สำหรับขยายความสามารถการทำงาน ดังตัวอย่าง

  • แสดงผลข้อความที่ระบุแบบปุ่มกด
<button>ข้อความ</button>

ตัวอย่าง <button>ปุ่มแบบข้อความ</button>   

  • สามารถควบคุมข้อความในปุ่มด้วยแท็กต่างๆ เช่น

ตัวอย่าง <button><big>ปุ่มแบบข้อความ</big></button>

  • แสดงผลรูปแบบแบบปุ่มกด
<button>><img src="ไฟล์รูปภาพ"></button>

ตัวอย่าง

  • การเพิ่มฟังก์ชันให้ปุ่ม
    • คลิกเพื่อลิงก์
      <button onClick="window.location='http://เว็บไซต์'">ข้อความ</button>
    • คลิกเพื่อปิดหน้าต่าง
      <button onClick="window.close()">ข้อความ</button>
    • คลิกเพื่อเปิดหน้าต่าง
      <button onClick="window.open('ไฟล์.htm')">ข้อความ</button>
    • คลิกเพื่อย้อนกลับ
      <button onClick="history.go(-1)">ข้อความ</button>
    • คลิกเพื่อเดินหน้า
      <button onClick="history.go(1)">ข้อความ</button>
    • คลิกเพื่อ Reload
      <button onClick="window.location.reload()">ข้อความ</button>