首頁  >  文章  >  web前端  >  如何使用連結而不是按鈕提交表單?

如何使用連結而不是按鈕提交表單?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-19 22:49:03690瀏覽

How Can I Submit a Form Using a Link Instead of a Button?

使用普通連結提交表單

提交表單時,典型的方法是使用 帶有提交類型的按鈕。但是,出於美觀原因,您可能更喜歡使用簡單的

選項 1:樣式按鈕

一個選項是建立常規 然後使用 CSS 將其樣式設定為類似於連結。以下是一個範例:

<button type="submit" class="link-styled-button">Submit</button>
.link-styled-button {
  color: #000;
  background: none;
  border: 0;
  text-decoration: underline;
  cursor: pointer;
}

選項2:透過連結提交表單

或者,您可以使用普通的透過JavaScript 連結並處理表單提交。操作方法如下:

<a href="#" onclick="this.closest('form').submit();return false;">Submit</a>

此方法利用closest() 方法來尋找最近的父表單元素,並在點擊連結時觸發其提交。傳回假;語句阻止連結遵循其預設行為(導航到指定的 URL)。

以上是如何使用連結而不是按鈕提交表單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn