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内のサブ要素を垂直方向に中央揃えする例
推薦する
JavaScript の組み込みオブジェクト 数学と文字列の詳細な説明
目次数学オブジェクト共通プロパティ一般的な方法Math.random()文字列メソッド長さプロパティ...
MySQL データ型の選択原則
目次小さいけれど美しいシンプルにNULL値を避けるデータタイプを選択する手順データ型の紹介1. 文字...
CocosCreatorでスワイプした位置にテクスチャを表示する方法
目次1. プロジェクト要件2. 文書の内容3. プロジェクト例4. プロジェクトコード1. プロジェ...
Mysql を 5.7 にアップグレードした後のグループ クエリの問題を解決する
問題を見つける最近MySQLをMySQL 5.7にアップグレードした後、次のようなクエリでグループ化...
Mysql トランザクション ログとログ ファイルが大きすぎて縮小できないという問題を解決します。
1. MS SQL Server 2005 --1. ログをクリアするexec('DUMP...
HTML+CSSで充電水滴融合特殊効果コードを実現
目次序文：成し遂げる：要約:まず効果を見てみましょう: 序文：このアイデアは、Bilibili のア...
開発にVscodeとdockerを組み合わせて使用する詳細なプロセス
序文Docker と VS Code を使用すると、ローカル開発環境全体を最適化し、プロジェクトの進...
HTMLタグと基本要素の学習のまとめ
1. HTML の要素とタグ<br />要素は、1 つのタグまたは 1 組のタグによって...
Dockerコンテナのディスクがいっぱいになった場合の状況のまとめ
序文この記事では、最近私が遭遇した 2 つの状況について説明します。今後、新たな発見があれば追加して...
seata docker 高可用性デプロイメントの詳細な紹介
バージョン1.4.2公式ドキュメントドッカーハブ起動する環境変数SEATA_CONFIG_NAMEを...
モバイルアダプティブスタイルで@mediaを使用する方法
一般的な携帯電話のスタイル: @media all および (orientation : 縦向き) ...
nginx/apache 静的リソースのクロスドメインアクセスの問題を解決する詳細な説明
1. Apache 静的リソースのクロスドメイン アクセスApache設定ファイルhttpd.con...
Reactでレシピシステムを実装する方法を解説した記事
目次1. レシピ集1.1 プロジェクトの背景1.2 テクノロジースタック1.3 開発環境1.4. プ...
CSS ファイルをインポートする 4 つの方法 (インライン、インライン、外部、インポート) の詳細な説明
CSS インポート方法 - インラインスタイルタグ属性を通じて、CSSのキーと値のペアがタグに直接書...
選択タグ内のオプションをクリアする3つの方法
方法1コードをコピーコードは次のとおりです。 document.getElementById(&qu...