每個 HTML 表單都有一個與伺服器端互動的 action 屬性。提交表單時,HTML 操作屬性用於指定表單資料應傳輸到伺服器的位置。每個按鈕都會將我們帶到同一個地方,因為操作屬性儲存了資料的目的地。
可點選的按鈕由
以下是 HTML
<form action="#" method="post"> <button type="submit">click</button> </form>
為了更了解如何切換按鈕並同時提交表單。
在下面的範例中,我們將建立一個表單,該表單提交表單並同時切換按鈕。
<!DOCTYPE html> <html> <body> <form action="https://www.tutorialspoint.com/index.htm" method="post"> Username:<br> <input type="text" name="username"> <br> Password:<br> <input type="password" name="password"> <br><br> <button type="submit" formaction="https://www.tutorialspoint.com/index.htm"> Signin </button> </form> </body> </html>
當腳本執行時,它將產生一個輸出,其中包含一個表單,該表單包含輸入欄位以及網頁上的點擊按鈕。當使用者點擊該按鈕時,將提交表單並顯示一個新頁面。
考慮以下範例,我們將建立一個表單,製作切換按鈕,並同時提交表單。
<!DOCTYPE html> <html> <body style="background-color:#D5F5E3 ;"> <form action="https://www.tutorialspoint.com/index.htm" method="post"> <label for="courses">Choose Courses:</label> <select name="courses" id="courses"> <option value="HTML">HTML</option> <option value="Java">Java</option> <option value="Python">Python</option> <option value="CSS">CSS</option> </select> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
在執行上述腳本時,將彈出輸出窗口,顯示下拉清單和提交按鈕。當使用者點擊提交按鈕時,表單將被提交並同時開啟一個新頁面。
以上是如何同時切換按鈕和提交表單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!