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内のサブ要素を垂直方向に中央揃えする例
推薦する
Vueナンバープレート検索コンポーネントの使い方の詳しい説明
参考までに、シンプルなナンバープレート入力コンポーネント（vue）です。具体的な内容は次のとおりです...
Linux に MySQL をインストールする方法 (yum とソース コードのコンパイル)
Linux に MySQL をインストールするには、yum インストールとソース コード コンパイ...
Vueコンポーネントの再利用と拡張の詳細な説明
目次概要延長は必要ですか？スロットJavaScript ユーティリティ関数拡張コンポーネントの複数の...
vuexプロジェクトにおけるログインステータス管理の実践プロセス
目次道具：ログインシナリオ:練習する：シナリオ1: 思考と実践シナリオ2: 思考と実践要約する道具：...
TypeScript でオブジェクト キーの値の範囲を制限する方法
TypeScript を使用する場合、TypeScript が提供する型システムを使用してコードのあ...
vue-cli 設定では Vuex の完全なプロセスレコードを使用します
目次序文インストールと使用方法モジュラー管理Vuex の状態永続性要約する序文Vue 開発では、ユー...
ウェブページのコメントにより IE でテキストがオーバーフローする
実験コードは次のとおりです。 </head> <body> <div ...
ウェブサイトのユーザビリティとコンバージョン率を向上させる 25 のツール
ウェブサイトの場合、ユーザビリティとは、ユーザーが必要な情報を効果的に見つけたり、タスクを完了したり...
Nginx でバージョン番号を隠したり偽造したりする方法
1. デフォルトでアクセスするには、curl コマンドを使用します。 # curl -I http:...
MySQLデータベースを使い始めるための最初のステップはテーブルを作成することです
データベースを作成する右クリック - 新しいデータベースを作成ライブラリ名を入力し、文字セットと並べ...
Adobe Brackets の簡単な使い方のグラフィックチュートリアル
Adobe Brackets は、HTML、CSS、JavaScript 用のオープンソースでシンプ...
スクロール時に選択領域のフォント色を暗くするために CSS を使用するサンプルコード
日付ピッカーをカプセル化する場合、選択時にフォントの色を暗くする必要があります。実装後の効果を見てみ...
Linux環境でログファイルを表示するコマンドの詳細な説明
目次序文1. catコマンド: 2. moreコマンド: 3. lessコマンド: 4. headコ...
Vue はシェイク機能を実装します (ios13.3 以降と互換性があります)
最近、shake.jsを使用して、shakeに似た機能を作成しました。ただし、shake機能はios...
クールなIoT大画面機能を実現するHTML+VUEページング
効果デモ.html <html> <ヘッド> <メタ文字セット=&qu...