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内のサブ要素を垂直方向に中央揃えする例
推薦する
ビジュアルデザイナーの成長の3つの段階のまとめ
この本「グラフィックデザイナーとして成長する」は多くの人が読んでおり、私もオリジナルの PDF 版を...
Nginx リバース プロキシ学習例チュートリアル
目次1. リバースプロキシの準備1. LinuxシステムにTomcatをインストールする2. Tom...
外部ファイル（js/vbs/css）をインポートするときに文字化けを回避する方法
ページ内にはjs、cssなどの外部ファイルが導入されており、外部ファイルのエンコードが現在のページフ...
Windows 10 は使いにくいです。Ubuntu をカスタマイズするにはどうすればいいでしょうか?
著者 | 編集者 Awen | 制作 Tu Min | CSDN (ID: CSDNnews)不満を...
Docker を使用して Redis マスター スレーブ レプリケーション クラスターを構築する
マスタースレーブレプリケーションモードのクラスターでは、通常、1 つのマスターノードと 2 つ以上の...
HttpsページでBaiduシェアを使用するためのソリューション
サイト全体で https アクセスを有効にしてから、共有コードが利用できなくなり、有効になっていた小...
nginx.pid を開く際の失敗と無効の解決策
目次1. 問題の説明2. 問題分析3. 解決策解決策1: ディレクトリを作成する解決策2: 構成ファ...
ノードでシェルスクリプトを使用する方法
背景開発中、特定の状況でビジネス ロジックをバッチ処理するためのスクリプトが必要になる場合があります...
Windows 10 で Ubuntu 20.04 LTS をアップデートする方法
2020 年 4 月 23 日、本日、Windows 上の Ubuntu 20.04 では、Ubun...
mysql8.0.12 でルートパスワードをリセットする方法
データベースをインストールした後、誤ってインストール ウィンドウを閉じたり、長期間 root ユーザ...
MySQL トランザクション分析
取引トランザクションはビジネス ロジックの基本単位です。各トランザクションは一連の SQL ステート...
JavaScriptは入力ボックスコンポーネントを実装します
この記事では、入力ボックスコンポーネントを手動で実装するための具体的なコードを参考までに紹介します。...
Centos 7.4 でリモート アクセス制御を実装する方法
1. SSHリモート管理SSH はセキュア チャネル プロトコルであり、主にリモート ログイン、リモ...
JavaScript DOMContentLoaded イベントのケーススタディ
DOMContentLoaded イベント文字通り、DOM がロードされた後に実行されます。 win...
WeChat ミニプログラム ユーザー認証のベストプラクティス ガイド
序文WeChat アプレットを開発する際には、ユーザーの権限が必要なページを使用する必要があることが...