บทนำ
ฟอร์ม HTML ใช้สำหรับรับข้อมูลจากผู้ใช้ โดยใช้แท็ก <form> ร่วมกับองค์ประกอบฟอร์มต่างๆ เช่น ช่องกรอกข้อความ (<input type="text">) ปุ่มラジオ (<input type="radio">) และปุ่มส่ง (<input type="submit">)
เพื่อล้างค่าทุกช่องในฟอร์ม ให้ใช้แท็ก <input> พร้อมแอตทริบิวต์ type="reset"
ตัวอย่างโค้ด
ลองรันโค้ดต่อไปนี้เพื่อทดสอบการล้างค่าช่องกรอกข้อมูล:
<!DOCTYPE html>
<html>
<body>
<form>
Student Name:<br>
<input type="text" name="sname"> <br>
Student Subject:<br>
<input type="text" name="ssubject"> <br>
<input type="reset" value="reset">
</form>
</body>
</html>
คำอธิบาย
- ปุ่ม
type="reset"จะคืนค่าทุกช่องในฟอร์มกลับเป็นค่าเริ่มต้น - ทำงานโดยอัตโนมัติ ไม่ต้องเขียน JavaScript
- เหมาะสำหรับฟอร์มที่มีหลายช่องกรอกข้อมูล
