HTML <button> รูปแบบวิธีการแอตทริบิวต์
ตัวอย่าง
แบบฟอร์มที่มีปุ่มส่งสองปุ่ม ปุ่มส่งปุ่มแรกส่งข้อมูลแบบฟอร์มด้วย method="get" และปุ่มที่สองส่งข้อมูลแบบฟอร์มด้วย method="post":
<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>
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
ความหมายและการใช้งาน
แอตทริบิวต์formmethod
ระบุวิธี HTTP ที่จะใช้เมื่อส่งข้อมูลแบบฟอร์ม แอตทริบิวต์นี้จะแทนที่แอตทริบิวต์ของแบบmethod
ฟอร์ม
คุณลักษณะformmethod
นี้ใช้สำหรับปุ่มที่มี
type="submit"
.
ข้อมูลแบบฟอร์มสามารถส่งเป็นตัวแปร URL (ด้วย
method="get"
) หรือโพสต์ HTTP (ด้วย
method="post"
)
หมายเหตุเกี่ยวกับวิธีการ "รับ":
- มันผนวกข้อมูลรูปแบบไปยัง URL ในชื่อ/คู่ค่า
- มีประโยชน์สำหรับการส่งแบบฟอร์มที่ผู้ใช้ต้องการคั่นหน้าผลลัพธ์
- มีการจำกัดจำนวนข้อมูลที่คุณสามารถวางใน URL (แตกต่างกันไปในแต่ละเบราว์เซอร์) ดังนั้นคุณจึงไม่สามารถแน่ใจได้ว่าข้อมูลแบบฟอร์มทั้งหมดจะได้รับการถ่ายโอนอย่างถูกต้อง
- อย่าใช้วิธี "รับ" เพื่อส่งต่อข้อมูลที่ละเอียดอ่อน! (รหัสผ่านหรือข้อมูลที่ละเอียดอ่อนอื่น ๆ จะปรากฏในแถบที่อยู่ของเบราว์เซอร์)
หมายเหตุเกี่ยวกับวิธีการ "โพสต์":
- มันส่งข้อมูลแบบฟอร์มเป็นธุรกรรมการโพสต์ HTTP
- การส่งแบบฟอร์มด้วยวิธี "โพสต์" ไม่สามารถบุ๊คมาร์คได้
- มันแข็งแกร่งและปลอดภัยกว่า "รับ"
- ไม่จำกัดขนาด
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์อย่างเต็มที่
Attribute | |||||
---|---|---|---|---|---|
formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
ไวยากรณ์
<button type="submit" formmethod="get|post">
ค่าแอตทริบิวต์
Value | Description |
---|---|
get | Appends the form-data to the URL: URL?name=value&name=value |
post | Sends the form-data as an HTTP post transaction |
❮ แท็ก HTML <button>