HTML <input> รูปแบบวิธีการแอตทริบิวต์
ตัวอย่าง
ปุ่มส่งที่สองแทนที่เมธอด HTTP ของแบบฟอร์ม:
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input
type="submit" value="Submit">
<input type="submit" formmethod="post"
value="Submit using POST">
</form>
ความหมายและการใช้งาน
แอตทริบิวต์formmethodกำหนดวิธี HTTP สำหรับการส่งข้อมูลแบบฟอร์มไปยัง URL การดำเนินการ
แอตทริบิวต์formmethodแทนที่methodแอตทริบิวต์ของ
<form>องค์ประกอบ
หมายเหตุ:formmethodสามารถใช้แอตทริบิวต์กับ
type="submit"และ
type="image".
ข้อมูลแบบฟอร์มสามารถส่งเป็นตัวแปร URL ( method="get") หรือเป็นธุรกรรม HTTP โพสต์ ( method="post")
หมายเหตุเกี่ยวกับวิธีการ "รับ":
- เมธอดนี้ผนวกข้อมูลรูปแบบเข้ากับ URL ในคู่ชื่อ/ค่า
- วิธีนี้มีประโยชน์สำหรับการส่งแบบฟอร์มที่ผู้ใช้ต้องการคั่นหน้าผลลัพธ์
- มีการจำกัดจำนวนข้อมูลที่คุณสามารถวางใน URL (แตกต่างกันไปในแต่ละเบราว์เซอร์) ดังนั้นคุณจึงไม่สามารถแน่ใจได้ว่าข้อมูลแบบฟอร์มทั้งหมดจะได้รับการถ่ายโอนอย่างถูกต้อง
- อย่าใช้วิธี "รับ" เพื่อส่งต่อข้อมูลที่ละเอียดอ่อน! (รหัสผ่านหรือข้อมูลที่ละเอียดอ่อนอื่น ๆ จะปรากฏในแถบที่อยู่ของเบราว์เซอร์)
หมายเหตุเกี่ยวกับวิธีการ "โพสต์":
- เมธอดนี้ส่งข้อมูลฟอร์มเป็นทรานแซกชันการโพสต์ HTTP
- การส่งแบบฟอร์มด้วยวิธี "โพสต์" ไม่สามารถบุ๊คมาร์คได้
- วิธี "โพสต์" นั้นแข็งแกร่งและปลอดภัยกว่า "รับ" และ "โพสต์" ไม่มีข้อจำกัดด้านขนาด
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์อย่างเต็มที่
| Attribute | |||||
|---|---|---|---|---|---|
| formmethod | Yes | 10.0 | Yes | 5.1 | 10.6 |
ไวยากรณ์
<input formmethod="get|post">
ค่าแอตทริบิวต์
| Value | Description |
|---|---|
| get | Default. Appends the form-data to the URL in name/value pairs: URL?name=value&name=value |
| post | Sends the form-data as an HTTP post transaction |
❮ แท็ก HTML <input>