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

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

ここでは、送信ボタンの画像 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は遷移を高速化し、遅延させる

推薦する

JavaScriptプロトタイプチェーンを理解する

目次1. プロトタイプとプロトタイプチェーンの平等関係を理解する2: プロトタイプとプロトタイプ チ...

AWS無料サーバーアプリケーションとネットワークプロキシ設定チュートリアルの詳細な説明

目次予防必要条件AWSアカウントを申請する仮想マシンの申請と有効化仮想マシンを申請するセキュリティグ...

MySQL での正規表現の使用に関する詳細

目次1. はじめに2. 製品テーブルを準備する2.1 ステートメントの順序2.2 大文字と小文字の区...

MySQL でテーブル データを削除した後もディスク領域がまだ占有されているのはなぜですか?

目次1.MySQLデータ構造2. テーブルファイルのサイズは変更されておらず、MySQLの設計に関連...

MySQL における 10 進数型の使用法の簡単な紹介

MySQL でサポートされている浮動小数点型は、 FLOAT 、 DOUBLE 、およびDECIMA...

CSS でテキストシャドウと要素シャドウ効果を使用する

テキストシャドウの紹介CSSでは、 text-shadowプロパティを使用してテキストの影を設定しま...

MacでDockerがホストマシンにpingできない問題を解決する

解決Docker for Macに付属するLinux仮想マシン(軽量ですが、ソケットファイルを使用し...

EDMをHTMLで記述する際の注意点まとめ(メール送信時の一般的な注意点)

フォーマットエンコーディング1. ページの幅は600~800px、長さは1024px以内に設定してく...

デザイン: 意志の強いデザイナー

<br />長年の専門的なアートデザイン教育を通じて「美とは何か」を学びましたが、「美を...

hr 水平線スタイルの例コード

コードをコピーコードは次のとおりです。 <hr style="width:490px...

jQueryメソッド属性の詳細な説明

目次1. jQueryの紹介2. jQueryセレクター2.1 5つの基本セレクタ2.2 4種類の関...

純粋なCSSを使用してスクロールシャドウ効果を実現します

端的に言うと、スクロール可能な要素には非常によくある状況があります。通常、スクロールすると、要素が現...

NODE.JS を使用して WEBSERVER を作成する手順

目次Node.jsとはNodeJSをインストールするNode を使用して Hello World を...

MySQL をデプロイするときに発生する「テーブル mysql.plugin が存在しません」という問題の解決方法

今日、MySQL の無料インストール版をデプロイしたところ、テーブル 'mysql.plug...

etcd クラスターをデプロイするための docker-compose の実装手順

目次docker-compose.ymlを書くdocker-composeを実行するビルドステータス...