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

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

フォームを送信するときの一般的なアプローチは、 を使用することです。送信タイプのボタン。ただし、見た目の美しさを考慮して、単純な を使用することをお勧めします。 link.

オプション 1: スタイル付きボタン

オプションの 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>

このメソッドは、nearest() メソッドを利用して最も近い親フォーム要素を検索し、リンクがクリックされたときにその送信をトリガーします。戻り値は false です。ステートメントにより、リンクがデフォルトの動作 (指定された URL に移動する) に従うことができなくなります。

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