แอตทริบิวต์ type ขององค์ประกอบ
<button type="button|submit|reset">
ด้านบน เราได้แสดงประเภทต่าง ๆ ที่กำหนดไว้สำหรับองค์ประกอบปุ่ม เช่น ส่ง -
- ปุ่ม: ปุ่มที่คลิกได้
- ส่ง: ปุ่มส่ง (ส่งข้อมูลแบบฟอร์ม)
- รีเซ็ต: เป็นปุ่มรีเซ็ตเพื่อรีเซ็ตเป็นค่าเริ่มต้น
ให้เราดูตัวอย่างการใช้แอตทริบิวต์ type ขององค์ประกอบปุ่มใน HTML -
ตัวอย่าง
<!DOCTYPE html> <html> <body> <h2>Investor Information</h2> <p>Give the information about the investor interested in funding:</p> <form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form> </body> </html>
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้พร้อมปุ่มส่งและรีเซ็ต -
ในตัวอย่างข้างต้น เราได้สร้างแบบฟอร์มที่มีองค์ประกอบของแบบฟอร์มและปุ่ม -
<form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form>
ประเภทของปุ่มที่เราตั้งไว้เพื่อสร้างการส่งและอีกปุ่มหนึ่งซึ่งจะเป็นปุ่มรีเซ็ต -
<button type="submit" value="Submit"> Submit </button> <button type="reset" value="Reset"> Reset </button>
