Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

JavaScript สร้างปุ่ม Submit สำหรับส่งฟอร์ม และปุ่มอีกตัวสำหรับล้างข้อมูล


ใช้ input type="submit" เพื่อส่งฟอร์ม และ input type="button" อีกตัวเพื่อล้างข้อมูลเมื่อคลิก ตามโค้ดด้านล่าง

ตัวอย่าง

 

     Document         

เพื่อรันโปรแกรมด้านบน ให้บันทึกชื่อไฟล์ "anyName.html(index.html)" และคลิกขวาที่ไฟล์ เลือก "Open with Live Server" ใน VS Code editor

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้

JavaScript สร้างปุ่ม Submit สำหรับส่งฟอร์ม และปุ่มอีกตัวสำหรับล้างข้อมูล

ตอนนี้ ผมจะใส่ค่าลงในกล่องข้อความ

JavaScript สร้างปุ่ม Submit สำหรับส่งฟอร์ม และปุ่มอีกตัวสำหรับล้างข้อมูล

ตอนนี้ ผมจะคลิกปุ่ม Delete เมื่อคลิก จะได้ข้อความแจ้งเตือน

JavaScript สร้างปุ่ม Submit สำหรับส่งฟอร์ม และปุ่มอีกตัวสำหรับล้างข้อมูล

หลังจากคลิกปุ่ม OK จะได้ผลลัพธ์ดังนี้

JavaScript สร้างปุ่ม Submit สำหรับส่งฟอร์ม และปุ่มอีกตัวสำหรับล้างข้อมูล