検索テキストボックスがフォーカスを外れたときにテキストの位置がジャンプする問題の解決方法
|
検索テキストボックスにテキストを設定すると、フォーカスを外すと位置がジャンプします コードをコピー コードは次のとおりです。//検索テキストボックス $("#txtSearch").focus(関数() { if ($(this).val() == "検索キーワードを入力してください") { $(this).val(""); $(this).css("色", "黒"); } }).blur(関数() { ($(this).val() == "") の場合 { $(this).css("color", "gray").val("検索キーワードを入力してください"); } }); CSSに追加 コードをコピー コードは次のとおりです。#txt検索 { 幅:480ピクセル; 高さ:20px; 垂直位置揃え:中央; } |
<<: eCharts でパーセンテージ付きの横棒グラフを実装する方法
推薦する
CSS3 のフィルタプロパティの使用に関する詳細な説明
最近、イントラネットポータルを修正していたときに、フィルターを使用する必要がある箇所に遭遇しました。...
Linuxでのcrontabの使い方と注意点の詳しい説明
Crontab は定期的な実行を設定するために使用されるコマンドです。そのデーモン プロセスは cr...
開発者とオペレーターが注目すべき Linux デバッグ ツール [推奨]
システム パフォーマンスの専門家である Brendan D. Gregg 氏は、LinuxCon N...
nginxの基礎を学ぶ
目次1. nginx とは何ですか? 2. nginx で何ができるのか? 2.1 フォワードプロキ...
Docker に ElasticSearch をインストールする方法を 1 つの記事で解説
目次序文1. Dockerをインストールする2. ElasticSearchをインストールする3. ...
Flex プログラム Firefox で中国語を入力すると文字化けするバグ
Firefox の下位バージョンでは中国語の文字を入力できず、上位バージョンでは文字化けした文字が表...
高並列処理 nginx サーバー向け Linux カーネル最適化構成の説明
デフォルトの Linux カーネル パラメータは最も一般的なシナリオに基づいており、高い同時アクセス...
CSS -webkit-box-orient: コンパイル後に垂直プロパティが失われる
1. 原因要件は 2 行を表示することであり、余分なテキストは 3 つのドットに置き換えられるため、...
CSSスタイルを使用してシンプルなHTMLログインインターフェースを設計する
login.html 部分: <!DOCTYPE html> <html lang...
Reactは、読み込み、読み込み完了、読み込み失敗の3つの段階の原則分析を実装します。
最近ブログに書いたのですが、プロジェクトリストの中に写真がたくさんあり、最初は読み込みが遅いので、ス...
MySQLの外部結合と内部結合クエリの違い
外部結合の構文は次のとおりです。フィールド名を選択FROM テーブル名 1 LEFT|RIGHT|F...
Linux でディスクをマウントし、起動時に自動的にマウントするように設定する方法
皆さんの時間は貴重だと承知しているので、プロセス コマンドを直接書き留めておきます。設定できます。原...
HTML の rel 属性の分析
.y { background: url(//img.jbzj.com/images/o_y.pn...
Mysqlチュートリアルでのグループランキングの実装例の詳細な説明
目次1. データソース2. データの総合順位1) 総合ランキング2) 同順位3) 同順位3. データ...
フォームファイル選択ボックスのスタイルをカスタマイズする例
コードをコピーコードは次のとおりです。 <!DOCTYPE html> <html...