在 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>
輸出
執行上述指令碼後,它將顯示一個包含姓氏、名字的輸入型別欄位,以及一個提交按鈕。當我們點選提交按鈕時,表單將被提交。
廣告
資料結構
網路
關係資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP