ボタンの代わりにハイパーリンクを使用してフォームを送信するにはどうすればよいですか?

通常のリンクを使用してフォームを送信する

特定のシナリオでは、従来の送信ボタンではなくハイパーリンクを使用してフォームを送信することが望ましい場合があります。この記事では、この機能を実現するための 2 つの方法について説明します。

方法 1: ボタンをリンクとしてスタイル設定する

このアプローチには、標準の HTML ボタンを作成し、その外観を強化することが含まれます。リンクに似せる CSS:

<button type="submit" class="link-button">Save</button>

.link-button {
  border: none;
  padding: 0;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

方法 2: リンクを使用するJavaScript

また、JavaScript を組み込んでハイパーリンクを直接使用して、フォーム送信をトリガーすることもできます:

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

以上がボタンの代わりにハイパーリンクを使用してフォームを送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。