HTML - สร้างปุ่มกด

รูปแบบ   <button> ข้อความที่จะแสดงบนปุ่ม </button>

สามารถใส่รูปแบบข้อความในปุ่มด้วยแท็กต่าง ๆ ได้ เช่น  <button><b>ปุ่มแบบข้อความ</b></button>

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

เพิ่มฟังก์ชั่นให้ปุ่ม

คลิกเพื่อลิงค์               <button onClick = “window.location = ‘http://เว็บไซต์’”> ข้อความ </button>
คลิกเพื่อปิดหน้าต่าง    <button onClick = “window.close()”> ข้อความ </button>
คลิกเพื่อเปิดหน้าต่าง  <button onClick = “window.open(‘ไฟล์.html’)”> ข้อความ </button>
คลิกเพื่อย้อนกลับ        <button onClick = “history.go(-1)”> ข้อความ </button>
คลิกเพื่อเดินหน้า         <button onClick = “history.go(1)”> ข้อความ </button>
คลิกเพื่อ Reload           <button onClick = “window.location.reload()”> ข้อความ </button>

สร้าง Effect ให้กับปุ่ม

เติมสีพื้นให้กับปุ่ม    <button style = “background-color:รหัสสี/ชื่อสี”> ข้อความ </button>
เติมรูปภาพเป็นพื้น  <button style = “background-image:url(ไฟล์รูปภาพ)”> ข้อความ </button>
เติมสีพื้นให้กับปุ่ม   <button style = “background-color:transparent”> ข้อความ </button>
กำหนดค่าให้ปุ่ม      <button style = “width:ค่าความกว้าง; height:ค่าความสูง”> ข้อความ </button>