ตัวอย่าง
รูปแบบที่มีสองปุ่มส่ง ปุ่มแรกส่งส่งข้อมูลแบบฟอร์มที่มี method="get" และที่สองส่งข้อมูลแบบฟอร์มที่มี method="post" :
<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post"
formaction="demo_post.asp">Submit using
POST</button>
</form>
ลองตัวเอง» ความหมายและการใช้งาน
formmethod แอตทริบิวต์ระบุวิธี HTTP จะใช้เมื่อมีการส่งแบบฟอร์มข้อมูล คุณลักษณะนี้จะแทนที่รูปแบบของ method แอตทริบิวต์
formmethod แอตทริบิวต์จะใช้สำหรับปุ่มที่มี type="submit"
ข้อมูลรูปแบบสามารถส่งเป็นตัวแปร URL (กับ method="get" ) หรือ HTTP post (กับ method="post" )
หมายเหตุเกี่ยวกับ "get" วิธีการ:
- มันผนวกรูปแบบข้อมูลไปยัง URL ในชื่อ / คู่ค่า
- มันจะเป็นประโยชน์สำหรับการส่งแบบฟอร์มที่ผู้ใช้ต้องการบุ๊คมาร์คผล
- มีการ จำกัด ปริมาณข้อมูลที่คุณสามารถวางใน URL (ที่แตกต่างกันระหว่างเบราว์เซอร์) ดังนั้นคุณไม่สามารถมั่นใจได้ว่าทุกรูปแบบข้อมูลที่จะถูกโอนอย่างถูกต้องคือ
- ไม่เคยใช้ "get" วิธีการในการส่งผ่านข้อมูลที่มีความสำคัญ! (รหัสผ่านหรือข้อมูลสำคัญอื่น ๆ จะปรากฏในแถบที่อยู่ของเบราว์เซอร์)
หมายเหตุเกี่ยวกับ "post" วิธีการ:
- ก็จะส่งแบบฟอร์มข้อมูลเป็นธุรกรรม HTTP โพสต์
- การส่งแบบฟอร์มกับ "post" วิธีการไม่สามารถบุ๊คมาร์ค
- มันมีประสิทธิภาพมากขึ้นและปลอดภัยกว่า "get"
- มันไม่ได้มีข้อ จำกัด ด้านขนาด
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่แอตทริบิวต์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 10.6 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
formmethod แอตทริบิวต์เป็นของใหม่ใน HTML5
วากยสัมพันธ์
<button type="submit" formmethod="get|post">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| get | ผนวกรูปแบบข้อมูล URL: URL?name=value&name=value |
| post | ส่งแบบฟอร์มข้อมูลที่เป็น HTTP post การทำธุรกรรม |