ボタンを使用してフォームを送信する代わりに、画像を使用してフォームを送信します。

コードをコピー

コードは次のとおりです。

<フォームメソッド="post" アクション="formtest.html" ターゲット="_blank" 名前="formtest">
<input type="hidden" name="ユーザーID" value="ユーザーID">
<input type="hidden" name="ユーザー名" value="ユーザー名">
<input type="image" src="imagesubmit.gif" border="0">
</フォーム>

フォームを送信するためにボタンを使いたくありません。見栄えの良い画像を使って送信したいのです。

このように記述すると、入力自体によって 1 回、js スクリプトによって 1 回、合計 2 回送信されます。画像を送信ボタンとして使用する方法はいくつかあります。
1.

コードをコピー

コードは次のとおりです。

<フォームメソッド="post" アクション="formtest.jsp">
<input type="hidden" name="ユーザーID" value="ユーザーID">
<input type="hidden" name="ユーザー名" value="ユーザー名">
<input type="image" src="imagesubmit.gif" border="0">
</フォーム>

著者自身が書いているように、これは完全に可能です。
2.

コードをコピー

コードは次のとおりです。

<スクリプト>
関数フォーム送信(){
document.formtest.action="formtest.jsp";
document.formtest.submit();
}
</スクリプト>
<フォームメソッド="post" 名前="formtest">
<input type="hidden" name="ユーザーID" value="ユーザーID">
<input type="hidden" name="ユーザー名" value="ユーザー名">
<img src="imagesubmit.gif" border="0" onclick="formsubmit()">
</フォーム>

このメソッドは、送信するパラメータが動的に取得されたコンテンツによって変更される場合など、混合プログラミングでよく使用されます。

<<: Vueは小さなメモ帳機能を実装しました

>>: dockerコンテナにvimをインストールするソリューション