フォーム 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 つの適応列を実装するいくつかの方法

推薦する

webpackを使用してTypeScriptコードをパッケージ化およびコンパイルする方法を教えます

TypeScript バンドルwebpack 統合通常、実際の開発では、ビルド ツールを使用してコー...

Reactでカスタムフックを作成する方法を教えます

1. カスタムフックとは何かロジックの再利用簡単に言えば、カスタム フックを使用すると、特定のコンポ...

JS はシンプルな todoList (メモ帳) 効果を実装します

メモ帳プログラムは、HTML + CSS + JavaScript の 3 つの主要なフロントエンド...

よく使われるシングルページアプリケーションウェブサイト共有

CSS3お願いしますこのウェブサイトを自分で見て、パラメータを変更し、CSS3効果をオン/オフにする...

複数の例で HTML フォームを使用する方法

参考までに、HTMLフォームの使い方を9つの簡単な例で分析します。具体的な内容は次のとおりです。 1...

Bootstrap 3.0 学習ノート CSS関連補足

この記事の主な内容は次のとおりです。 1. ブラウザのサポート2. 画像3. レスポンシブツール4....

vscodeでnpmを使用してbabelをインストールする方法

序文前回の記事ではNode.jsのインストールと設定を紹介しました。今回はVScodeでbableを...

CSS3マスクレイヤーのくり抜き効果を実現するさまざまな方法

この記事では、マスク レイヤーの中空化を実現する 4 つの方法を紹介します。みんなと共有し、自分用の...

CentOS6で定期的にjarプログラムを実行するスクリプトをcrontabで実行する

1. 簡単なJavaプログラムを書く パブリッククラステストシェル{ パブリック静的voidメイン(...

Linuxでポートが開いているかどうかを確認する方法のまとめ

方法1: lsofコマンドを使用するlsof コマンドを使用して、ポートが開いているかどうかを確認で...

Vue v-for ループを書く 7 つの方法

目次1. v-forループでは常にキーを使用する2. 特定のスコープ内でv-forループを使用する3...

Expressプロジェクトファイルディレクトリの説明と詳細な機能の説明

app.js: スタートアップファイル、またはエントリファイルpackage.json: プロジェク...

Dockerのネットワークモードと設定方法

1. Dockerネットワークモードdocker run が Docker コンテナを作成するときに...

スプライトとフォントアイコンを実装するためのCSS

スプライト:以前は、各画像リソースは独立した画像でした。ブラウザが Web サイト内のさまざまな W...