画像ボタンをフォームのリセットボタンとして使用する方法
|
フォームを作成するときに、送信ボタンとリセットボタンを配置することがよくあります。ページの外観を考慮して、これらのボタンの代わりに小さな画像を使用する場合もあります。送信ボタンに画像を使用する方法は非常に簡単で、誰でもその方法を知っていると思います。では、画像ボタンをフォームのリセットボタンとして使用するにはどうすればよいでしょうか?引き続きお読みください。 ここでは、送信ボタンの画像 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 つのパラダイム
推薦する
Linux システムでの vim プラグインのインストールの概要
目次vimプラグインマネージャーをインストールするプラグインデモを追加プラグインを削除するには: v...
CSSを使用して円形の波効果を実現する
モバイル デバイスでは、金額を表示するために円形の波グラフィックがよく使用されます。最初は、この効果...
現在のマウススライドの座標を取得するVue+openlayer5メソッド
序文： Vue プロジェクトで現在のマウスの座標を取得するにはどうすればよいでしょうか。ここで共有す...
Vueプロジェクトウォッチで関数が繰り返しトリガーされる問題の解決
目次問題の説明:解決策1解決策2問題の説明:ページ A と B の 2 つがあり、各ページにはget...
JSが5つ星の賞賛を獲得
この記事では、5つ星の評価を獲得するためのJSの具体的なコードを参考までに共有します。具体的な内容は...
光るテキストとちょっとしたJS特殊効果を実現するCSS
実装のアイデア: CSSでtext-shadowを使用してテキストの光る効果を実現します効果画像: ...
Vueは虫眼鏡付きの検索ボックスを実装します
この記事では、Vueを使用して虫眼鏡付きの検索ボックスを実装する方法を紹介します。具体的な内容は次の...
IEウェブページのポップアップウィンドウの共通パラメータは自分で設定できます
ポップアップは、現在のウィンドウにメニューツールバーがあるかどうかとは関係ありません。ページにスクリ...
Dockerでコンテナを作成するときにコンテナIPを指定する実装例
Docker はコンテナを作成するときに、デフォルトでブリッジ ネットワークを使用し、IP アドレス...
HTML テーブル マークアップ チュートリアル (28): セルの境界線の色属性 BORDERCOLOR
テーブルを美しくするために、セルごとに異なる境界線の色を設定できます。基本的な構文<TD 境界...
JavaScript が Xiaomi のカルーセル効果を模倣
この記事は、透明度を変えてカルーセルにするXiaomiカルーセルを真似て書いたものです。初心者なので...
CSSで記事の区切り線のスタイルを実装するさまざまな方法のまとめ
この記事では、CSS で記事の区切り線を実装するさまざまな方法をまとめています。区切り線はページを美...
WangEditor リッチ テキスト コンポーネントを Angular でカプセル化する方法
リッチ テキスト コンポーネントは、Web プログラムで、特にブログやフォーラムなどの Web サイ...
CSS で text-align と margin: 0 auto を使用して中央に配置する例コード
CSSでtext-align、margin: 0 autoを使用して中央揃えにするtext-alig...
Vue カスタム オプション時間カレンダー コンポーネント
この記事の例では、参考のためにvueカスタムオプションタイムカレンダーコンポーネントの具体的なコード...