画像ボタンをフォームのリセットボタンとして使用する方法
|
フォームを作成するときに、送信ボタンとリセットボタンを配置することがよくあります。ページの外観を考慮して、これらのボタンの代わりに小さな画像を使用する場合もあります。送信ボタンに画像を使用する方法は非常に簡単で、誰でもその方法を知っていると思います。では、画像ボタンをフォームのリセットボタンとして使用するにはどうすればよいでしょうか?引き続きお読みください。 ここでは、送信ボタンの画像 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 つのパラダイム
推薦する
Node.jsはブレークポイント再開を実装する
目次ソリューション分析スライス履歴書のダウンロード具体的な解決プロセス論理的分析フロントエンドサーバ...
nginx が複数のプロキシ層を通過して実際の送信元 IP を取得するプロセスの詳細な説明
質問Nginx は $remote_addr を実際の IP アドレスとして受け取りますが、実際には...
一般的なDocker Composeコマンドの詳細な説明
1. Docker Compose の使用方法は docker コマンドの使用方法と非常に似ています...
VMware Workstation のダウンロードとインストールの詳細なチュートリアル
仮想マシンは非常に便利なテストソフトウェアです。ハードウェアに損傷を与えることなく、さまざまなテスト...
ノードを使用して静的ファイルキャッシュを実装する方法
目次キャッシュキャッシュ位置の分類キャッシュ設定ヘッダーNodeは静的ファイルキャッシュを実装する強...
クリエイティブな会社概要ウェブページデザイン
ユニークな「About」ページ自分を他の人たちと差別化する素晴らしい方法は、本当にユニークな自己紹介...
Vue Element フロントエンドアプリケーション開発: Vuex での API ストアビューの使用
目次概要1. フロントエンドとバックエンドの分離とWeb APIの優先ルート設計2. Axiosネッ...
HTML でテーブルを分割および結合する (colspan、rowspan)
このコードは水平マージを示しています。 <!DOCTYPE html PUBLIC "...
CentOS 7.5 が Varnish キャッシュサーバー機能を導入
1. ワニスの紹介Varnish は、高性能なオープンソースのリバースプロキシサーバーおよび HTT...
純粋なCSSを使用してスイッチ効果を実現する
まずアイデアはこの効果を実現するには、 <input type="checkbox&...
フロントエンドでよく使われるjs関数メソッド
目次1. メール2. 携帯電話番号3. 電話番号4. URLアドレスですか? 5. 文字列ですか? ...
CSS3 変換遷移ジッター問題の解決
transform: scale(); スケーリングするとIEブラウザでジッターが発生します変換スケ...
Vue は PDF ファイルのオンライン プレビューを実装します (pdf.js/iframe/embed を使用)
序文現在、私はコースウェア PPT のオンライン プレビューを必要とする高品質のコースに取り組んでい...
Vue命令の動作原理と実装方法
Vue の紹介現在のビッグフロントエンドの時代は、混乱と衝突の時代です。世界は多くの派閥に分かれてお...
ブラインドの特殊効果を実現するネイティブJS
この記事では、ネイティブ JS で実装されたブラインドの特殊効果を紹介します。効果は次のとおりです。...