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

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

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

<フォームメソッド="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をインストールするソリューション

推薦する

VUE ユニアプリの基本コンポーネントの簡単な紹介

1. スクロールビュー垂直スクロールを使用する場合は、固定の高さを指定して CSS で高さを設定する...

HTMLの表のtbodyは上下左右にスライドできます

テーブル ヘッダーが固定されている場合は、それを 2 つのテーブルに分割する必要があります。1 つの...

PostgreSQL マテリアライズドビュープロセス分析

この記事は主にPostgreSQLマテリアライズドビューのプロセス分析について紹介します。サンプルコ...

Vueインスタンスで$refsを使用する際の注意点

開発の過程では、インスタンスの vm.$refs(this.$refs) を使用して、ref で登録...

SQL 実践演習: オンライン モール データベースの製品カテゴリ データ操作

オンラインショッピングモールデータベース - 商品カテゴリデータ操作(I)プロジェクトの説明電子商取...

Nginx ポート競合を解決するトラブルシューティング方法の例

問題の説明データ転送に Nginx を使用し、フロントエンドとバックエンドが分離された Spring...

Vue 3 での watch と watchEffect の新しい使い方

目次1. 時計の新しい使い方1.1. ウォッチの使用構文1.2. 複数の属性値を監視する1.3. 参...

HTML要素のID属性とName属性の違い

今日、私は <a href="#13"></a> につい...

仮想マシンクローン Linux centos6.5 システム ネットワーク カード構成グラフィック チュートリアル

Linux システムに触れたばかりの初心者として、VMware 仮想マシンに CentOS6.5 シ...

Linux でハードディスクのサイズを確認し、ハードディスクをマウントする方法

Linux には、マウントされたハードディスクとマウントされていないハードディスクの 2 種類のハー...

CSS 境界線の半分または部分的に表示される実装コード

1. 疑似クラスを使用して境界線の半分を表示する <!DOCTYPE html> <...

少なくともn日間連続してログインしているユーザーに対するSQLクエリ

MySQL ツールを使用して、3 日間連続する例を見てみましょう。 1. SQL テーブルを作成しま...

js 実行コンテキストとスコープの概要

目次序文文章1. JavaScriptコードの実行プロセスに関連する概念2. 実行コンテキストと実行...

ReactHooks バッチ更新状態とルートパラメータの取得例の分析

目次1. 一括更新の方法コンソール出力2. フックがルーティングパラメータを取得する方法実行効果1....

Alibaba Cloud Centos7.3 インストール mysql5.7.18 rpm インストール チュートリアル

MariaDBをアンインストールするCentOS7 ではデフォルトで MySQL の代わりに Mar...