フォーム OnSubmit と input type=image の使用の概要

フォーム OnSubmit と input type=image の使用の概要
ここに <input type="image"> がある場合、この画像を直接押すとフォームが送信されます。

OnSubmit がある場合、この関数が最初に実行されます。false を返す場合、フォームは送信されません。

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

<span style="font-size:14px;"><script language=javascript>
関数テスト()
{
アラート("テスト!")
}
</スクリプト>
<form name="F1" onSubmit="fuck();">
<input type="image" src="" width="51" height="20">
</フォーム></span>

別の例:

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

<html>
</head>
<スクリプト言語="javascript">
関数 checkEmpty(form){
for(i=0;i<form.length;i++){
アラート(フォームの要素[i].値);
if( フォーム.要素[i].値=="" ){
alert("フォーム情報は空にできません");
false を返します。
}
}
}
</スクリプト>
<本文>
<form name="form" method="post" onSubmit="return checkEmpty(form)">
<input name="名前" type="テキスト" size="17">
<input name="パスワード" type="パスワード" size="17">
<input type="image" src="" width="51" height="20">
<input type="button" value="AAA" />
</フォーム>
</本文>
<html>

<<:  grpc のリバース プロキシとして nginx を使用する場合の落とし穴の概要

>>:  CSS で 2 つの固定列と 1 つの適応列を実装するいくつかの方法

推薦する

MySQL でスロークエリログ機能を有効にする方法

MySQL スロー クエリ ログは、問題のあるクエリを追跡するのに非常に役立ちます。現在のプログラム...

Docker nginxは1つのホストを実装して複数のサイトを展開します

とあるサイトからレンタルした仮想マシンの有効期限が近づいており、更新料が200元以上かかります。Al...

W3C チュートリアル (13): W3C WSDL アクティビティ

Web サービスは、アプリケーション間の通信に関係します。 WSDL は、XML ベースの Web ...

進捗バーのネイティブ JavaScript 実装

進捗バーを実装するためのJavaScriptの具体的なコードは参考までに。具体的な内容は次のとおりで...

CentOS7 に MySQL データベースをインストールしてデバッグする詳細な手順 [例]

この例では、デバッグ用の MySQL データベースをダウンロードしてインストールする必要があります。...

ウェブデザインのためのロイヤルブルーのカラーマッチング入門

古典的な色の組み合わせは力と権威を伝え、強いロイヤルブルーはあらゆる古典的な色の組み合わせの中心的な...

dockerでpdflatex環境を設定する方法

技術的背景Latex は文書作成、特に記事作成には欠かせないツールであり、必須のテキスト組版ツールで...

MySQL の concat 関数についての簡単な説明。MySQL でフィールドの前または後に文字列を追加する方法

MySQL で concat 関数を使用する方法: CONCAT(文字列1、文字列2、…)戻り値は、...

Dockerイメージ解析ツールのダイブ原理解析

今日は、Docker イメージ、各レイヤーの内容を調べ、Docker/OCI イメージのサイズを縮小...

ウェブページのドロップダウンリストとdivレイヤーのカバーの問題を選択する

HTML の select 要素に関する質問は、さまざまな場所で提起されています。最近のプロジェクト...

HTML ul および li タグを使用して画像を表示するサンプル コード

以下のコードをDreamweaverのコードエリアにコピーすると、プレビュー時に以下の画像が表示され...

WIN10 システムと Docker 内部コンテナ IP 間の通信方法

1. Windows 版の Docker をインストールしたら、Docker クイックスタート ター...

Windows での MySQL の使用: 自動スケジュールバックアップの実装

1. バックアップスクリプトを書く 著者:www.yumi-info.com 日付:20171222...

meta name="" content="の機能の詳細な説明

1. 文法: <meta name="名前" content="...

HTMLテキスト内のすべてのタグを置き換える方法

(?i) は大文字と小文字を区別しないことを意味します。大文字と小文字をすべて置き換えます。 htm...