在 HTML 中設定表單提交時傳送表單資料的目標位置?


當表單提交時,輸入控制元件的處理檔案 URL 使用 HTML <input> 的 formaction 屬性指定。formaction 屬性在表單提交時被呼叫。提交表單後,表單資料必須傳遞到伺服器。

以下是示例…

示例:使用 method = “post”

在以下示例中,我們使用 method=”post” 提交表單。

<!DOCTYPE html> <html> <body> <FORM action="https://tutorialspoint.tw/index.htm" method="post"> <P> <LABEL for="firstname">First name: </LABEL> <INPUT type="text" id="firstname"><BR> <LABEL for="lastname">Last name: </LABEL> <INPUT type="text" id="lastname"><BR> <LABEL for="email">email: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <INPUT type="submit" value="Send"> <INPUT type="reset"> </P> </FORM> </body> </html>

輸出

當指令碼執行時,它將顯示輸入型別為姓氏、名字、電子郵件和用於男性和女性的單選按鈕,以及傳送和重置按鈕。當我們點擊發送按鈕時,表單將被提交。

示例:使用 method = “get”

在以下示例中,我們使用 method=”get” 提交表單。

<!DOCTYPE html> <html> <body> <form action="https://tutorialspoint.tw/index.htm" method="get" target="_blank"> <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"> </form> </body> </html>

輸出

執行上述指令碼後,它將顯示一個包含姓氏、名字的輸入型別欄位,以及一個提交按鈕。當我們點選提交按鈕時,表單將被提交。

更新於: 2022-09-05

172 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.