top of page
การสร้างปุ่ม Submit เเละ Reset
เราสามารถใส่ปุ่มต่างๆ ลงในเเบบฟอร์มได้หลากหลาย เเต่ปุ่มพื้นฐานที่จำเป็นจะได้เเก่ปุ่ม Submit เเละ Reset โดยที่
- ปุ่ม Submit เป็นปุ่มที่เมื่อผู้ใช้คลิก ข้อมูลที่ถูกกรอกไว้ในเเบบฟอร์มจะถูกส่งไปยังเซิร์ฟเวอร์ทันทีเพื่อทำการประมวลผล
-ปุม Reset เป็นปุ่มที่จะทำการล้างข้อมู,ที่ถูกกรอกไว้ทั้งหมดเพื่อเริ่มต้นใหม่ทั้งปุ่ม Submit เเละ Reset จะสร้างขึ้นด้วยเเท็กคำสั่ง <input> ซึ่งมีรูปเเบบดังนี้
รูปเเบบ <input type = "Submit " value="ข้อความ">
<input type = "Reset " value="ข้อความ">
โดยที่
type = "Submit " เป็นการสร้างปุ่ม Submit เพื่อส่งข้อมูลทั้งหมดในเเบบฟอร์มไปยังเซิร์ฟเวอร์
type = "Reset เป็นการสร้างปุ่ม Reset เพื่อล้วงข้อมูลทั้งหมดในเเบบฟอร์ม
value เป็นการกำหนดข้อกำหนดข้อมูลความบนปุ่ม หากไม่กำหนดจะได้ปุ่มที่มีข้อความว่า Submit(หรือ Submit Query )เเละ Reset
ตัวอย่างการสร้างปุ่ม Submit เเละ Reset
<body>
<form>
คลิกเลือกปุ่มเพื่อดำำเนินการต่อไป<br><br>
<input type = "Submit ">
<input type = "Reset " value="Clear">
</form>
</body>
ผลที่ได้บนเบราว์เซอร์
bottom of page