:: เมนูหลัก
 แบบทดสอบก่อนเรียน
 หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์
 หน่วยที่ 2 เริ่มต้นกับ HTML
 หน่วยที่ 3 การจัดการข้อความ
 หน่วยที่ 4 การใช้ลิสต์สร้างรายการ
 หน่วยที่ 5 การแทรกภาพ
 หน่วยที่ 6 การสร้างตาราง
 หน่วยที่ 7 การเชื่อมโยงเว็บเพจด้วยลิงค์
หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
 หน่วยที่ 9 การสร้างฟอร์ม
 แบบทดสอบก่อนเรียน
แบบฟอร์มป้อนข้อมูล
การสร้างฟอร์มชนิด Text Box
 การสร้างฟอร์มชนิด password
 การสร้างฟอร์มชนิด Check Box
 การสร้างฟอร์มชนิด Radio Button
 การสร้างฟอร์มชนิดแนบ File
 การสร้างฟอร์มชนิด Text Area
 การสร้างฟอร์มชนิด Selection Box
 การสร้างปุ่มชนิด reset และ submit
 แบบฝึกหัด
 แบบทดสอบหลังเรียน
 แบบทดสอบหลังเรียนเรียน
:: หน่วยที่ 9 การสร้างฟอร์ม
การสร้างปุ่มชนิด 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>

การแสดงผล

ชื่อผู้ใช้งาน :
รหัสผ่าน:

 

เมื่อกรอกข้อความ แล้วคลิกปุ่มตกลงจะมีการส่งค่า แต่เมื่อต้องการเคลียร์ค่าที่อยู่ในฟอร์ม ก็คลิกปุ่ม ยกเลิก

 



วีดีโอ