画像ボタンをフォームのリセットボタンとして使用する方法

画像ボタンをフォームのリセットボタンとして使用する方法
フォームを作成するときに、送信ボタンとリセットボタンを配置することがよくあります。ページの外観を考慮して、これらのボタンの代わりに小さな画像を使用する場合もあります。送信ボタンに画像を使用する方法は非常に簡単で、誰でもその方法を知っていると思います。では、画像ボタンをフォームのリセットボタンとして使用するにはどうすればよいでしょうか?引き続きお読みください。

ここでは、送信ボタンの画像 ok.gif、リセットボタンの画像 reset.gif の 2 つの画像があると仮定します。

画像を使用してフォームを送信するコードは次のとおりです: <input type="image" src="ok.gif" alt="" width="93" height="33" border="0" />

リセットフォームとして画像を使用するコードは次のとおりです: <input type="image" src="reset.gif" alt="" width="93" height="33" border="0" onclick="reset();return false;" />

<<:  MySQL 学習: 初心者のための 3 つのパラダイム

>>:  CSS3は遷移を高速化し、遅延させる

推薦する

Dockerとiptablesとブリッジモードのネットワーク分離と通信操作の実装

Docker は、ブリッジ、ホスト、オーバーレイなどの複数のネットワークを提供します。同じ Dock...

VUEはトークンログイン認証を実装

この記事では、トークンログイン認証を実装するためのVUEの具体的なコードを例として紹介します。具体的...

mysql 8.0.16 winx64.zip インストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.16 winx64.zipのインストールと設定方法の具体的なコード...

iframe を通じて DOM 要素のサイズ変更を監視する

開発プロセス中によく発生する問題は、div のサイズ変更をどのように監視するかということです。たとえ...

@font-face を使用して Web ページに特殊文字を実装する (カスタム フォントを作成する)

数日前、CSS を使用して三角形の矢印を実装する方法について記事を書きました。 目的の効果は達成され...

ウェブデザインとは何か

<br />元の記事: http://www.alistapart.com/articl...

ReactでCSSをエレガントに書く方法

目次1. インラインスタイル2. インポート方法を使用する3.cssモジュールのエクスポート4. ス...

Ubuntu で中国語入力方法が使えない場合の解決策

Ubuntu では中国語入力方法の解決策はありません。仮想マシンや Ubuntu システムをインスト...

Dockerコンテナデータをコピーしてバックアップする方法の詳細な説明

ここでは、Jenkins コンテナを例に 3 つの方法を紹介します。方法1コンテナをイメージにパッケ...

Swiper+echartsは複数のダッシュボードの左右スクロール効果を実現します

この記事では、ダッシュボードの左右スクロール効果を実現するためのスワイパー+echartsの具体的な...

JSで実施された機雷掃海プロジェクトの概要

この記事では、JS掃海プロジェクトの概要を参考までに紹介します。具体的な内容は次のとおりです。プロジ...

CSS スタイルの導入方法とその長所と短所の紹介

CSSを導入する3つの方法1. インラインスタイル利点: 書きやすく、重みがある 欠点: 構造とスタ...

jQuery を使用してカルーセル効果を実装する

この記事では、jQueryでカルーセルチャートを実装するための具体的なコードを参考までに共有します。...

Tomcat プロセスの CPU 使用率が高い場合のトラブルシューティング記録を記録する

この記事では主にTomcatプロセスを記録し、TCP接続が多すぎることによるCPU使用率の過剰のトラ...

独自のサーバーを素早く構築する方法の詳細なチュートリアル(Java 環境)

1. サーバーの購入1. 私はAlibaba Cloudのサーバーを選択しました。学生向けで月額9...