การสร้างปุ่มชนิด reset และ submit
เมื่อกรอกข้อมูลในฟอร์มแล้ว จะต้องการมีการส่งค่าหรือ เคลียร์ค่าที่อยู่ในฟอร์ม โดยการใช้ปุ่มส่งค่าและเคลียร์ค่าดังต่อไปนี้
Tag
ชื่อแท็ก | input |
ตำแหน่งแท็ก | อยู่ภายในแท็ก <form>...</form> |
รูปแบบการใช้แท็ก | <input type="value" value="ข้อความ"> |
แอตทริบิวต์ | type ชนิดของการรับข้อมูล |
ค่า value | reset ปุ่มรีเซ็ตค่าของฟอร์ม submit ปุ่มส่งค่าของฟอร์ม |
ตัวอย่างการใช้งาน
<body>
<form>
ชื่อผู้ใช้งาน : <input type="text" name="txtusername" maxlength="8"><br>
รหัสผ่าน: <input type="password" name="txtpassword" maxlength="13"><br><br>
<input type="submit" value="ตกลง">
<input type="reset" value="ยกเลิก">
</form>
</body> ชื่อผู้ใช้งาน : <input type="text" name="txtusername" maxlength="8"><br>
รหัสผ่าน: <input type="password" name="txtpassword" maxlength="13"><br><br>
<input type="submit" value="ตกลง">
<input type="reset" value="ยกเลิก">
</form>
การแสดงผล
เมื่อกรอกข้อความ แล้วคลิกปุ่มตกลงจะมีการส่งค่า แต่เมื่อต้องการเคลียร์ค่าที่อยู่ในฟอร์ม ก็คลิกปุ่ม ยกเลิก
วีดีโอ