如何同時切換按鈕和提交表單？-html教學-PHP中文網

如何同時切換按鈕和提交表單？

WBOY

發布： 2023-08-31 16:13:03

轉載

602 人瀏覽過

如何同時切換按鈕和提交表單？

每個 HTML 表單都有一個與伺服器端互動的 action 屬性。提交表單時，HTML 操作屬性用於指定表單資料應傳輸到伺服器的位置。每個按鈕都會將我們帶到同一個地方，因為操作屬性儲存了資料的目的地。

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中文網其他相關文章！