เท็กฟอร์ม
แท็ก form สร้างฟอร์มสำหรับส่งข้อมูล
ไปยังเซิร์ฟเวอร์ โดยที่ข้อมูลจะถูกประมวลผล
ด้วย ภาษา PHP
นอกจากนี้ ข้อมูลของฟอร์มยังสามารถถูกประมวลผล
ด้วย ภาษา JavaScript ได้อีกด้วย
แท็กนี้ทำหน้าที่เป็นคอนเทนเนอร์สำหรับแท็ก input,
textarea,
select,
button,
fieldset
แท็กที่ระบุไว้ไม่จำเป็นต้องวางไว้
ในแท็ก form แต่หากไม่ทำเช่นนั้น
จะไม่มีการส่งฟอร์มไปยังเซิร์ฟเวอร์
การส่งฟอร์มไปยังเซิร์ฟเวอร์เกิดขึ้นเมื่อ
กดปุ่มที่สร้างโดยแท็ก input
ที่มีแอตทริบิวต์ type ในค่าของ submit,
หรือปุ่ม button
แอตทริบิวต์
| แอตทริบิวต์ | คำอธิบาย |
|---|---|
action |
ส่งฟอร์มไปที่ไหน ไปยังหน้าเว็บไซต์ใด (ของตัวเองหรือของคนอื่น)
หากปล่อยว่างไว้ - ฟอร์มจะถูกส่งไปยังหน้าปัจจุบัน ไม่ใช่แอตทริบิวต์บังคับ
ในแอตทริบิวต์นี้สามารถระบุลิงก์ไปยังตำแหน่งเฉพาะของหน้าได้ (ผ่าน # เช่น
ในแท็ก a) ในกรณีนี้หลังจากส่งฟอร์ม
เบราว์เซอร์จะเปิดหน้าที่กำหนดในแอตทริบิวต์ action ณ ตำแหน่งที่ระบุ
|
method |
วิธีการส่งฟอร์ม สามารถเป็น POST หรือ GET ผู้สร้างเว็บไม่จำเป็นต้องรู้เรื่องนี้
ไม่ใช่แอตทริบิวต์บังคับ ค่าเริ่มต้นคือ GET
|
target |
ระบุให้ลิงก์เปิดในแท็บใด: ในแท็บใหม่ ในแท็บปัจจุบัน หรือในเฟรม
ไม่ใช่แอตทริบิวต์บังคับ |
enctype |
กำหนดวิธีการเข้ารหัสข้อมูลของฟอร์ม
ไม่ใช่แอตทริบิวต์บังคับ ดูเพิ่มเติมที่แอตทริบิวต์ enctype
|
ค่าของแอตทริบิวต์ target
| ค่า | คำอธิบาย |
|---|---|
_blank |
หน้าจะเปิดในแท็บใหม่ของเบราว์เซอร์ |
_self |
หน้าจะเปิดในแท็บปัจจุบันของเบราว์เซอร์ |
_parent |
หน้าจะเปิดในเฟรมระดับผู้ปกครอง |
_top |
ยกเลิกเฟรมทั้งหมดและโหลดหน้าในหน้าต่างเบราว์เซอร์เต็มรูปแบบ |
ค่าเริ่มต้น: _self
ตัวอย่างฟอร์ม
<form action="" method="GET">
<input type="text"><br><br>
<input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="radio">
<input type="radio" name="radio">
<br><br>
<textarea></textarea><br><br>
<input type="submit">
</form>
:
ดูเพิ่มเติม
-
แอตทริบิวต์
form,
ซึ่งอนุญาตให้วางองค์ประกอบฟอร์มไว้นอกแท็กform