首頁 > web前端 > html教學 > 如何同時切換按鈕和提交表單?

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

WBOY
發布: 2023-08-31 16:13:03
轉載
653 人瀏覽過

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

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

相關標籤:
來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板