การสร้างปุ่ม button ภาษา HTML ด้วย button และ submit

สอนการสร้างปุ่ม button ภาษา HTML ด้วย button และ submit ตัวอย่างแนะนำการสร้างปุ่ม 2 วิธีคือ ปุ่มแบบ button และปุ่มแบบ submit โดยทั้ง 2 ปุ่มมีหน้าตาที่เหมือนกัน แต่วิธีการเขียน และการนำไปใช้งานต่างกัน สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่างที่ 1 การสร้างปุ่ม button ภาษา HTML

<input type="button" value="ปุ่ม">

การสร้างปุ่ม button ภาษา HTML ตัวอย่างใช้แท็ก input กำหนดค่า type เท่ากับ button เพื่อสร้างปุ่มแบบ button โดยปุ่มแบบนี้จะเป็นปุ่มกดแบบปกติ มักจะนำไปใช้งานร่วมกับภาษา Client Site Script เช่น JavaScript เป็นต้น

ตัวอย่างที่ 2 การสร้างปุ่ม submit ภาษา HTML

<form action="save.php" method="POST">
    กรุณากรอกชื่อ <input type="text" name="fullname">
    <input type="submit" value="ตกลง">
</form>

การสร้างปุ่ม submit ภาษา HTML ตัวอย่างใช้แท็ก input กำหนดค่า type เท่ากับ submit ปุ่มแบบ submit จะใช้งานร่วมกับแท็ก form เพื่อเป็นปุ่มสำหรับส่งค่าตัวแปรต่างๆ ที่เก็บค่าการกรอกข้อมูลของผู้ใช้งานไปประมวลผลที่ภาษา Server Site Script เช่น PHP เป็นต้น