ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้
ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้


การใช้งาน formaction attribute ใน HTML5

เขียนเมื่อ 5 ปีก่อน โดย Ninenik Narkdee
html5 formaction attribute

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ html5 formaction attribute

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

ดูแล้ว 4,966 ครั้ง


เราสามารถจัดการที่อยู่ไฟล์ ที่จะรับข้อมูลจาก form ผ่านการกำหนด attribute ที่ชื่อว่า
"formaction" ซึ่งจะทำหน้าที่ แทนที่ ค่าที่กำหนดใน action ของ form element ถ้ามีการ
ใช้งาน ดูตัวอย่าง โค้ดอย่างง่ายด้านล่าง
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
	
<!--ข้อมูลในฟอร์ม จะถูกส่งไปประมวลผลที่ไฟล์ post.php	-->
<form action="post.php">
	<input type="text" name="name">	
	<button type="submit">Send</button>
</form>	

<body>
</body>
</html>
 
แต่สมมติว่า เรามีปุ่มส่งข้อมูลอีกปุ่ม อยู่ในฟอร์มเดียยวกัน และไม่ต้องการส่งไปใช้งานที่ไฟล์ post.php 
อยากส่งไปที่ไฟล์ reply.php เราก็สามารถกำหนด formaction attribute และระบุ url หรือไฟล์ที่ต้องการ
ได้ดังนี้
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
	
<!--ข้อมูลในฟอร์ม จะถูกส่งไปประมวลผลที่ไฟล์ post.php	-->
<form action="post.php">
	<input type="text" name="name">	
	<button type="submit">Send</button>
	<button type="submit" formaction="reply.php">Reply</button>
</form>	

<body>
</body>
</html>
 
สำหรับ formaction จะสามารถใช้งานได้ใน HTML5 โดยกำหนดในไฟล์ที่มี <!doctype html>
และการใช้งาน จะใช้ได้กับแท็ก ดังนี้
 
<input type="submit"  formaction="reply.php" value="Reply">
<button type="submit" formaction="reply2.php">Reply</button>
<input type="image" formaction="reply3.php" src="img/button.png" >
 
 
บราวเซอร์สมัยใหม่ปัจจุบันจะรองรับแล้ว













URL สำหรับอ้างอิง








เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ