HTML でテキスト ボックスのプロンプト機能を実装するさまざまな方法
|
HTML5の<input="text" placeholder="入力したい内容" >属性を使用できます。 jsを使用してcssスタイルを追加することもできます コードをコピー コードは次のとおりです。<スタイル タイプ="text/css"> .in_search { 境界線:1 なし; 色:#999999; フロート:左; フォントサイズ:14px; 高さ:18px; 行の高さ:18px; マージン:3px 2px; 幅:253px; } </スタイル> <input name="q" class="in_search" onfocus="if(this.value=='入力したい内容を入力してください'){this.value='';}" onblur="if(this.value==''){this.value='入力したい内容を入力してください';}" type="text" value="入力したい内容を入力してください"/> |
<<: JavaScriptはスタック構造の詳細なプロセスを実装する
>>: Flexレイアウトを使用してdiv内のサブ要素を垂直方向に中央揃えする例
推薦する
Linux CentOS でスクリプトを定期的に実行するように設定する方法
多くの場合、サーバーでスクリプトを定期的に実行して操作をトリガーする必要があります。たとえば、Qin...
レスポンシブなアコーディオン効果を実現するための CSS3 の詳細な説明
最近、外国人が CSS3 を使用してアコーディオン効果を実現しているビデオを見たので、自分で学習した...
データバインディングとリストデータの表示にはVue3を使用する
目次1. Vue2との比較1. Vue3の新機能2. Vue2とVue3の応答原理の比較3. 配列の...
Tomcat 例外の解決方法 (リクエスト ターゲットに無効な文字が見つかりました。有効な文字は RFC 7230 および RFC 3986 で定義されています)
1. シナリオ表示Tomcat ログに次の例外情報が時々報告されます。何が起こっているのでしょうか...
キーボード上の各種特殊記号の英語読み方（知識の普及）
キーボード文字英語`バッククォート〜チルダ！叫ぶ@で#ナンバーサイン$ドル%パーセント^キャレット＆...
CSS3 を使用した背景ぼかし効果の 3 つの例
導入から始めず、いきなり本題に入りましょう。通常の背景ぼかし効果は次のとおりです。 プロパティを使用...
Ubuntu 18.04 に VMware Tools をインストールする際のエラーを解決する
1. オンライン チュートリアルによると、Ubuntu 18.04 のインストールはまだ失敗します。...
Linux ファイルとユーザー管理の実践
1. /etc ディレクトリ内の、文字以外の文字で始まり、その後に文字と任意の長さのその他の文字が続...
Vue SPA ファースト スクリーン最適化ソリューション
目次序文最適化ソ連オンデマンドインポート1. ルーティングファイルでコンポーネントをオンデマンドでイ...
mysql 一時テーブルの使用状況の分析 [クエリ結果は一時テーブルに保存できます]
この記事では、例を使用して MySQL 一時テーブルの使用方法を説明します。ご参考までに、詳細は以下...
MySQL Workbenchのダウンロードと使用方法のチュートリアルの詳細な説明
1. MySQL WorkbenchをダウンロードするWorkbench は、MySQL のグラフィ...
一般的な Linux ツール vi/vim の完全版
なぜvimを学ぶのかLinuxには多数の設定ファイルがあるため、Linuxには多くのテキスト処理ツー...
CSS で複数の境界線を実装するためのヒント
1. 複数の国境[1]背景: ボックスシャドウ、アウトライン使用シナリオの多様性を考慮すると、複数の...
Centos7.3 での mysql5.7 のインストールと設定のチュートリアル
この記事では、MySQL 5.7のインストールと設定のチュートリアルを参考までに紹介します。具体的な...
CSSスプライトの応用の詳細な説明
CSS Sprite は、CSS スプライトとも呼ばれ、画像結合技術です。この方法は、複数の小さなア...