Devdit
 

ปุ่มยกเลิก PHP กดแล้วล้างค่าในฟอร์มกรอกข้อมูล

2.1K

ปุ่มยกเลิก PHP กดแล้วล้างค่าในฟอร์มกรอกข้อมูล บทความนี้สอนการสร้างปุ่มยกเลิก (Cancel) โดยใช้ภาษา HTML ร่วมกับภาษา JavaScript เมื่อผู้ใช้งานกดปุ่ม โปรแกรมจะล้างค่าทั้งหมดของฟอร์มกรอกข้อมูล สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง ปุ่มยกเลิก PHP กดแล้วล้างค่าในฟอร์มกรอกข้อมูล

<?php
    echo "<a href='javascript:location.reload();'>ยกเลิก</a>";
    echo "<input type='button' value='ยกเลิก' onclick='javascript:location.reload();'>";
?>

คำอธิบาย

ปุ่มยกเลิก PHP จากตัวอย่างสร้างปุ่ม 2 แบบ แบบแรกใช้แท็ก a สร้างลิงก์ และแบบสองใช้ input type button สร้างปุ่ม โดยทั้ง 2 แบบเมื่อผู้ใช้งานกดคลิกจะเรียกใช้คำสั่ง location.reload เพื่อโหลดหน้าเว็บไซต์ดังกล่าวขึ้นมาใหม่ (refresh) ทำให้เป็นเหมือนกับการยกเลิก เนื่องจากข้อมูลในฟอร์มจะหายทั้งหมด เพื่อให้ผู้ใช้งานกรอกข้อมูลใหม่

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ