สำหรับใครที่กำลังหาวิธีการ submit form แล้วยังอยู่หน้าเดิม เรามีวิธีการทำให้มันอยู่หน้าเดิมได้โดยการใช้
targetค่ะ เพราะปกติแล้วเวลาเรา submit เนี่ยเราจะต้องบอกว่าจะให้ส่งค่าไปยังหน้าไหน โดยใช้
action = "=ชื่อฟอร์มที่ต้องการส่งไป.php " แต่ถ้าเราต้องการให้ submit แล้วยังอยู่หน้าเดิมก็ทำได้ด้วยการใช้
target = " " เพราะในตัว target=" " สามารถสร้าง iframe เพื่อนรองรับ action ของฟอร์มได้ค่ะ ถ้ายังไม่เข้าใจลองมาดูวิธีการใช้กันค่ะ
action แบบปกติ
โค้ด: เลือกทั้งหมด
<form name="MyForm" method="post" action="SaveForm.php"> // เมื่อทำการ submit มันจะส่งค่าไปหน้า SaveForm.php ค่ะ
</form>
รูปแบบ submit form ที่ไม่มีการใช้ target
- target1.jpg (72.9 KiB) Viewed 10642 times
ตัวอย่าง code ที่ยังไม่มีการใช้ target ค่ะ
MyForm.php
โค้ด: เลือกทั้งหมด
<html>
<head>
<title>Mindphp</title>
</head>
<body>
<form name="MyForm" method="post" action="SaveForm.php" >
<iframe id="iframe_target" name="iframe_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
First Name : <input type="text" name="txtFirstName"><br>
Last Name : <input type="text" name="txtLastName"><br>
<input name="btnSubmit" type="submit" value="Submit">
</form>
</body>
</html>
SaveForm.php
โค้ด: เลือกทั้งหมด
<?php
$strFirstName = $_POST["txtFirstName"];
$strLastName = $_POST["txtLastName"];
echo "<script language=\"JavaScript\">";
echo "alert('Hello : $strFirstName $strLastName');";
echo "</script>";
?>
มาลองใช้ target กันค่ะ
นำ target="iframe_target" ไปวางไว้ใน <form > </form> เพื่อที่จะให้ฟอร์มอยู่ที่หน้าเดิมนะค่ะ
โค้ด: เลือกทั้งหมด
<form name="MyForm" method="post" action="SaveForm.php" target="iframe_target"> // นำ target มาวางในนี้นะค่ะ
</form>
รูปแบบฟอร์มหลังจากใช้ target ค่ะ
- white.jpg (55.93 KiB) Viewed 10642 times
สำหรับใครที่กำลังหาวิธีการ submit form แล้วยังอยู่หน้าเดิม เรามีวิธีการทำให้มันอยู่หน้าเดิมได้โดยการใช้ [url=https://www.mindphp.com/forums/viewtopic.php?t=25064]target[/url]ค่ะ เพราะปกติแล้วเวลาเรา submit เนี่ยเราจะต้องบอกว่าจะให้ส่งค่าไปยังหน้าไหน โดยใช้[color=#FF4000] action = "=ชื่อฟอร์มที่ต้องการส่งไป.php " [/color] แต่ถ้าเราต้องการให้ submit แล้วยังอยู่หน้าเดิมก็ทำได้ด้วยการใช้ [b]target = " " [/b] เพราะในตัว target=" " สามารถสร้าง iframe เพื่อนรองรับ action ของฟอร์มได้ค่ะ ถ้ายังไม่เข้าใจลองมาดูวิธีการใช้กันค่ะ
[b]action แบบปกติ[/b]
[code=php]
<form name="MyForm" method="post" action="SaveForm.php"> // เมื่อทำการ submit มันจะส่งค่าไปหน้า SaveForm.php ค่ะ
</form>
[/code]
[color=#FF4000]รูปแบบ submit form ที่ไม่มีการใช้ target[/color]
[attachment=1]target1.jpg[/attachment]
[u][color=#FF4000]ตัวอย่าง code ที่ยังไม่มีการใช้ target ค่ะ[/color][/u]
[b]MyForm.php[/b]
[code=php]
<html>
<head>
<title>Mindphp</title>
</head>
<body>
<form name="MyForm" method="post" action="SaveForm.php" >
<iframe id="iframe_target" name="iframe_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
First Name : <input type="text" name="txtFirstName"><br>
Last Name : <input type="text" name="txtLastName"><br>
<input name="btnSubmit" type="submit" value="Submit">
</form>
</body>
</html>
[/code]
[b]SaveForm.php[/b]
[code=php]
<?php
$strFirstName = $_POST["txtFirstName"];
$strLastName = $_POST["txtLastName"];
echo "<script language=\"JavaScript\">";
echo "alert('Hello : $strFirstName $strLastName');";
echo "</script>";
?>
[/code]
[size=150][b][color=#FF0080]มาลองใช้ target กันค่ะ[/color][/b][/size]
นำ target="iframe_target" ไปวางไว้ใน <form > </form> เพื่อที่จะให้ฟอร์มอยู่ที่หน้าเดิมนะค่ะ
[code=php]
<form name="MyForm" method="post" action="SaveForm.php" target="iframe_target"> // นำ target มาวางในนี้นะค่ะ
</form>
[/code]
[u][color=#FF8000]รูปแบบฟอร์มหลังจากใช้ target ค่ะ[/color][/u]
[attachment=0]white.jpg[/attachment]